.wf-force-outline-none[tabindex="-1"]:focus { outline: none; } html { font-family: sans-serif; text-size-adjust: 100%; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0px; } a { background-color: transparent; } a:active, a:hover { outline: 0px; } b, strong { font-weight: bold; } h1 { font-size: 2em; margin: 0.67em 0px; } img { border: 0px; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } input { line-height: normal; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } textarea { overflow: auto; } @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: webflow-icons !important; } .w-icon-slider-right::before { content: ""; } .w-icon-slider-left::before { content: ""; } .w-icon-nav-menu::before { content: ""; } .w-icon-arrow-down::before, .w-icon-dropdown-toggle::before { content: ""; } .w-icon-file-upload-remove::before { content: ""; } .w-icon-file-upload-icon::before { content: ""; } * { box-sizing: border-box; } body { margin: 0px; min-height: 100%; background-color: rgb(255, 255, 255); font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: rgb(51, 51, 51); } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix::before, .w-clearfix::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-clearfix::after { clear: both; } .w-button { display: inline-block; padding: 9px 15px; background-color: rgb(56, 152, 236); color: white; border: 0px; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0px; } input.w-button { appearance: button; } :where(button.w-popover-trigger) { background-color: transparent; border: 0px; color: inherit; cursor: pointer; font: inherit; margin: 0px; padding: 0px; text-align: inherit; text-decoration: inherit; } .w-popover[popover]:not(:popover-open) { display: none; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0px; margin-bottom: 10px; } blockquote { margin: 0px 0px 10px; padding: 10px 20px; border-left: 5px solid rgb(226, 226, 226); font-size: 18px; line-height: 22px; } figure { margin: 0px 0px 10px; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-embed::before, .w-embed::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-embed::after { clear: both; } .w-form { margin: 0px 0px 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: rgb(221, 221, 221); } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: rgb(255, 222, 222); } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); vertical-align: middle; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); } .w-input::placeholder, .w-select::placeholder { color: rgb(153, 153, 153); } .w-input:focus, .w-select:focus { border-color: rgb(56, 152, 236); outline: 0px; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: rgb(238, 238, 238); } textarea.w-input, textarea.w-select { height: auto; } .w-radio::before, .w-radio::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-radio::after { clear: both; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container::before, .w-container::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-container::after { clear: both; } .w-row::before, .w-row::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-row::after { clear: both; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col-3 { width: 25%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0px; margin-right: 0px; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical)::before, .w-widget-twitter-count-shim:not(.w--vertical)::after { top: 50%; left: 0px; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical)::before { border-color: rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large::before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical)::after { border-color: rgba(255, 255, 255, 0) white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large::after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical::before, .w-widget-twitter-count-shim.w--vertical::after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical::before { border-color: rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical::after { border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 4px; margin-left: -4px; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; inset: -100%; object-fit: cover; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; appearance: none; } .w-slider { position: relative; height: 300px; text-align: center; background: rgb(221, 221, 221); clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0px; right: 0px; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; inset: auto 0px 0px; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-shadow > div { box-shadow: rgba(51, 51, 51, 0.4) 0px 0px 3px; } .w-slider-nav-invert { color: rgb(255, 255, 255); } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: rgb(34, 34, 34); } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0px 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: rgb(255, 255, 255); } .w-slider-dot:focus { outline: none; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; inset: 0px; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0px; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { inset: 0px; margin: auto; width: 1em; height: 1em; } .w-slider-aria-label { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown-toggle:focus { outline: 0px; } .w-dropdown-link.w--current { color: rgb(0, 130, 243); } .w-dropdown-link:focus { outline: 0px; } .w-lightbox-view::before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view::before { display: inline-block; vertical-align: middle; } .w-lightbox-spinner::after { content: ""; position: absolute; inset: -4px; border-width: 3px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); border-image: none; border-radius: 50%; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view::before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view::before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: 0.5; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext::before, .w-richtext::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-richtext::after { clear: both; } .w-richtext[contenteditable="true"]::before, .w-richtext[contenteditable="true"]::after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div::after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div::after { outline: rgb(40, 149, 247) solid 2px; } .w-richtext figure.w-richtext-figure-type-video > div::after, .w-richtext figure[data-rt-type="video"] > div::after { content: ""; position: absolute; display: none; inset: 0px; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div::before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure div { font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; padding-bottom: inherit; } .w-nav { position: relative; background: rgb(221, 221, 221); z-index: 1000; } .w-nav::before, .w-nav::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-nav::after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: rgb(51, 51, 51); } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: rgb(34, 34, 34); padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: rgb(0, 130, 243); } .w-nav-menu { position: relative; float: right; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0px; right: 0px; width: 100%; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0px; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs::before, .w-tabs::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-tabs::after { clear: both; } .w-tab-link.w--current { background-color: rgb(200, 200, 200); } .w-tab-link:focus { outline: 0px; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix::after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-hide { display: none !important; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } .w-layout-grid { display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 16px; } .ghost-span::after { content: ""; position: absolute; width: 6px; height: 6px; left: -3px; top: -3px; } html { --wf-designer--textColorLight: #ebebeb; --wf-designer--textColor: #d9d9d9; --wf-designer--textColorPreloader: #ababab; --wf-designer--textColorDim: #ababab; --wf-designer--textColorDimmer: #757575; --wf-designer--notificationTextColor: #d9d9d9; --wf-designer--panelColor: #404040; --wf-designer--panelColorLight: #4d4d4d; --wf-designer--panelColorLighter: #5e5e5e; --wf-designer--panelColorDark: #2b2b2b; --wf-designer--panelColorDarker: #212121; --wf-designer--panelBorder: #212121; --wf-designer--panelHeadDividerBorder: 1px solid var(--wf-designer--borderColorDark); --wf-designer--panelActiveShadow: inset -1px 0px 0 0 #212121, -1px -1px 0 0 #212121, 0 2px 0 0 #404040; --wf-designer--panelActiveShadowLast: none; --wf-designer--panelTabBackground: var(--wf-designer--panelColorDark); --wf-designer--panelShadow: inset -1px -1px 0 0 var(--wf-designer--borderColorDark); --wf-designer--panelShadowLast: inset 0px -1px 0 0 var(--wf-designer--borderColorDark); --wf-designer--panelTabsShadow: none; --wf-designer--panelTabBarShadow: 0 -1px 0 0 var(--wf-designer--borderColorDark); --wf-designer--token-input-background-disabled: #4d4d4d; --wf-designer--token-input-text-disabled: var(--wf-designer--textColorDim); --wf-designer--borderColor: #363636; --wf-designer--borderColorDark: #212121; --wf-designer--borderColorDarker: #212121; --wf-designer--insetColor: #363636; --wf-designer--insetBorderColor: #2b2b2b; --wf-designer--listColor: #363636; --wf-designer--listColorHover: #2b2b2b; --wf-designer--listBorderColor: #2b2b2b; --wf-designer--listSourceBorderColor: #757575; --wf-designer--listRowBackgroundHover: var(--wf-designer--panelColorLight); --wf-designer--listRowSelectedBackground: var(--wf-designer--panelColorLight); --wf-designer--listRowBorder: 1px solid var(--wf-designer--borderColorDark); --wf-designer--listRowBigHeight: 45px; --wf-designer--listRowColorHover: revert; --wf-designer--listGridBorder: 1px solid var(--wf-designer--borderColor); --wf-designer--paneBorderColor: var(--wf-designer--borderColorDark); --wf-designer--paneHeadHeight: 45px; --wf-designer--paneCardColor: var(--wf-designer--panelColorLight); --wf-designer--paneCardBorder: 1px solid var(--wf-designer--borderColor); --wf-designer--tooltipColor: #ebebeb; --wf-designer--tooltipColorText: #212121; --wf-designer--tooltipColorBlue: #0073e6; --wf-designer--tooltipColorBlueText: white; --wf-designer--canvasColor: #5e5e5e; --wf-designer--canvasColorDark: #2b2b2b; --wf-designer--canvasColorDarker: #212121; --wf-designer--breadcrumbColor: #ebebeb; --wf-designer--breadcrumbTextColor: #4d4d4d; --wf-designer--breadcrumbRulerColor: var(--wf-designer--breadcrumbTextColor); --wf-designer--popoverBackground: var(--wf-designer--panelColor); --wf-designer--popoverHeaderBackground: var(--wf--designer--panelColorLight); --wf-designer--popoverShadow: 0px 1px 15px rgba(0, 0, 0, 0.2); --wf-designer--popoverBorder: 1px solid var(--wf-designer--borderColor); --wf-designer--popoverShadowHard: 0 0 0 1px var(--wf-designer--borderColor), var(--wf-designer--popoverShadow); --wf-designer--menuBackground: var(--wf-designer--panelColorLight); --wf-designer--menuBorder: var(--wf-designer--popoverBorder); --wf-designer--menuCardOffset: -1px; --wf-designer--menuCardTopBorderRadius: 0px; --wf-designer--menuDividerColor: var(--wf-designer--borderColorDark); --wf-designer--menuItemPadding: 4px 15px; --wf-designer--menuItemLineHeight: 19px; --wf-designer--menuItemHoverBackground: var(--wf-designer--panelColorLighter); --wf-designer--menuItemHoverColor: white; --wf-designer--menuItemCaretOffset: 0px; --wf-designer--modalBackground: var(--wf-designer--panelColor); --wf-designer--modalHeaderBackground: var(--wf-designer--panelColorLight); --wf-designer--modalHeaderHeight: 48px; --wf-designer--modalPadding: 12px; --wf-designer--modalShadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2); --wf-designer--miniSettingsModalBackground: var(--wf-designer--modalBackground); --wf-designer--maskCanvas: rgba(0, 0, 0, 0.75); --wf-designer--maskPanel: rgba(33, 33, 33, 0.85); --wf-designer--maskLoading: rgba(33, 33, 33, 0.95); --wf-designer--notificationColor: rgba(33, 33, 33, 0.95); --wf-designer--pillBackground: var(--wf-designer--panelColorLight); --wf-designer--buttonText: white; --wf-designer--buttonGroupBackground: transparent; --wf-designer--buttonColor: #5e5e5e; --wf-designer--buttonColorHover: #757575; --wf-designer--buttonColorActive: #5e5e5e; --wf-designer--buttonBorder: 1px solid #363636; --wf-designer--buttonBoxShadow: none; --wf-designer--buttonBlue: #0073e6; --wf-designer--buttonBlueHover: #0084ff; --wf-designer--buttonGreen: #008547; --wf-designer--buttonGreenHover: #00944f; --wf-designer--buttonRed: #cf313b; --wf-designer--buttonRedHover: #db434c; --wf-designer--buttonOrange: #c75300; --wf-designer--buttonOrangeHover: #dd7124; --wf-designer--buttonPurple: #7f5ae9; --wf-designer--buttonPurpleHover: #8a61ff; --wf-designer--buttonHeadHeight: 29px; --wf-designer--buttonHeadLineHeight: 26px; --wf-designer--classShadow: 0 0 0 1px rgba(0, 0, 0, 0.15); --wf-designer--inputColor: #2b2b2b; --wf-designer--inputColorHover: #212121; --wf-designer--inputBorderColor: #212121; --wf-designer--inputBorderColorHover: #212121; --wf-designer--inputBoxShadow: 0 0 0 rgba(0, 0, 0, 0); --wf-designer--inputPreviewColor: #ababab; --wf-designer--inputPreviewBorderColor: #5e5e5e; --wf-designer--inputPreviewBg: #4d4d4d; --wf-designer--inputHeighlightColor: white; --wf-designer--inputHeighlightBorderColor: rgba(138, 194, 255, 0.8); --wf-designer--inputHeighlightBg: rgba(138, 194, 255, 0.35); --wf-designer--inputTickWidth: 24px; --wf-designer--inputPaddingX: 9px; --wf-designer--inputPaddingY: 8px; --wf-designer--inputPlaceholderColor: var(--wf-designer--textColorDimmer); --wf-designer--switchColor: var(--wf-designer--panelColorDark); --wf-designer--switchKnobColor: var(--wf-designer--buttonColor); --wf-designer--switchKnobColorHover: var(--wf-designer--buttonColorHover); --wf-designer--switchBorderColor: var(--wf-designer--borderColorDark); --wf-designer--switchActiveColor: #0073e6; --wf-designer--switchActiveBorderColor: #212121; --wf-designer--switchWidth: 40px; --wf-designer--inputNoticeColor: #b99f76; --wf-designer--inputNoticeBorderColor: #9e8863; --wf-designer--inputNoticeBg: #6f6452; --wf-designer--checkboxBorderColor: var(--wf-designer--inputBorderColor); --wf-designer--checkboxCheckedBackgroundColor: var(--wf-designer--inputColor); --wf-designer--checkboxCheckedBorderColor: var(--wf-designer--inputBorderColor); --wf-designer--checkboxLabelColor: currentColor; --wf-designer--checkboxSize: 14px; --wf-designer--checkboxVerticalAlign: baseline; --wf-designer--checkboxTopOffset: 0; --wf-designer--checkboxMarginRight: 8px; --wf-designer--inputOutlineFocus: var(--wf-designer--inputBoxShadow), 0 0 0 1px #2496ff; --wf-designer--inputOutlineFocusPurple: var(--wf-designer--inputBoxShadow), 0 0 0 1px #a484ff; --wf-designer--inputOutlineFocusError: var(--wf-designer--inputBoxShadow), 0 0 0 1px #ed273e; --wf-designer--inputOutlineFocusErrorLight: var(--wf-designer--inputBoxShadow), 0 0 0 1px #ff424d; --wf-designer--fontDefault: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; --wf-designer--fontHeading: var(--wf-designer--fontDefault); --wf-designer--fontHeadingWeight: 400; --wf-designer--fontCode: 'SF Mono', 'Liberation Mono', Inconsolata, Consolas, Monaco, Menlo, monospace; --wf-designer--modalTitleSize: 26px; --wf-designer--modalTitleWeight: 400; --wf-designer--inputHeight: 24px; --wf-designer--buttonHeight: 22px; --wf-designer--buttonLineHeight: 30px; --wf-designer--buttonGroupHeight: 25px; --wf-designer--controlFontSize: 11.5px; --wf-designer--inputFontSize: 11.5px; --wf-designer--controlBigHeight: 32px; --wf-designer--controlBigFontSize: 11.5px; --wf-designer--radius: 2px; --wf-designer--radiusSmall: 2px; --wf-designer--radiusMedium: 3px; --wf-designer--radiusRound: 100px; --wf-designer--radiusButtonGroup: 0px; --wf-designer--disabledOpacity: 0.5; --wf-designer--datePickerWidth: 254px; --wf-designer--scrollbarBaseColor: #4d4d4d #2b2b2b; --wf-designer--scrollbarTrackColor: var(--wf-designer--panelColorDark); --wf-designer--scrollbarTrackBorderColor: var(--wf-designer--borderColorDark); --wf-designer--scrollbarThumbColor: var(--wf-designer--panelColorLight); --wf-designer--scrollbarThumbColorHover: var(--wf-designer--buttonColor); --wf-designer--scrollbarThumbColorDisabled: var(--wf-designer--panelColor); --wf-designer--webkitScrollBarWidth: 9px; --wf-designer--cssTokenHeight: 23px; --wf-designer--rightSidebarBorderWidth: 1px; --wf-designer--rightSidebarWidthInner: 240px; --wf-designer--rightSidebarWidth: calc(240px + 1px); --wf-designer--rightSidebarWidthLarge: calc(360px + 1px); --wf-designer--rightSidebarWidthPlusScrollbar: calc(240px + 1px + 10px); --wf-designer--rightSidebarPanelWidth: 224px; --wf-designer--canvasBarHeight: 32px; --wf-designer--canvasBarHeightLarge: 41px; --wf-designer--leftSidebarSpacerDisplay: block; --wf-designer--leftSidebarSpacerOffsetLeft: 0px; --wf-designer--leftSidebarWidth: 40px; --wf-designer--leftSidebarWidthComfortable: 68px; --wf-designer--leftSidebarBorderColor: #212121; --wf-designer--leftSidebarBorderDisplay: block; --wf-designer--leftSidebarButtonBorderColor: #363636; --wf-designer--leftSidebarButtonActiveBackground: var(--wf-designer--panelColorLight); --wf-designer--leftSidebarButtonPadding: 11px; --wf-designer--leftSidebarBottomButtonPadding: 7px; --wf-designer--leftSidebarButtonBackgroundHover: transparent; --wf-designer--leftSidebarHelpTriggerPadding: 4px; --wf-designer--leftSidebarDividerOffset: -4px; --wf-designer--leftSidebarDividerMargin: 0px; --wf-designer--aiaRelocationWorkspaceInset: 0px; --wf-designer--topBarHeight: 40px; --wf-designer--topBarIconActiveBackground: #212121; --wf-designer--topBarIconActiveColor: currentColor; --wf-designer--topBarBorderColor: var(--wf-designer--borderColor); --wf-designer--tabHeight: 35px; --wf-designer--leftSidebarSpacerWidth: 6px; --wf-designer--slateHeaderHeight: 44px; --wf-designer--firstSlatePanelWidth: 250px; --wf-designer--secondSlatePanelWidth: 400px; --wf-designer--sectionPadding: 0 10px 0 4px; --wf-designer--sectionHeaderPaddingLeft: 5px; --wf-designer--sectionClosedBorderBottom: none; --wf-designer--sectionOpenedBorderBottom: 1px solid var(--wf-designer--borderColorDark); --wf-designer--sectionTitleHeight: 28px; --wf-designer--sectionTitleBorderBottom: 1px solid var(--wf-designer--borderColorDark); --wf-designer--fontSize0: 10px; --wf-designer--fontSize1: 11px; --wf-designer--fontSize2: 12px; --wf-designer--fontSize3: 13px; --wf-designer--fontSize4: 14px; --wf-designer--fontSize5: 15px; --wf-designer--fontSize6: 16px; --wf-designer--fontSize8: 18px; --wf-designer--fontSize10: 20px; --wf-designer--fontWeightMedium: 500; } @media (max-height: 1100px) { html { --wf-designer--canvasBarHeightLarge: 32px; } } @media (min-height: 1101px) { html { --wf-designer--canvasBarHeightLarge: 41px; } } .kit-scrollbar::-webkit-scrollbar { width: var(--wf-designer--webkitScrollBarWidth); height: var(--wf-designer--webkitScrollBarWidth); } .kit-scrollbar::-webkit-scrollbar:horizontal { display: none; } .kit-scrollbar::-webkit-scrollbar-track { background-color: transparent; } .kit-scrollbar::-webkit-scrollbar-thumb { background-color: var(--wf-designer--scrollbarThumbColor); border-radius: 10px; background-clip: padding-box; border: 2px solid rgba(0, 0, 0, 0); } .kit-scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--wf-designer--scrollbarThumbColorHover); } .kit-scrollbar::-webkit-scrollbar-thumb:hover:disabled { background-color: var(--wf-designer--scrollbarThumbColorDisabled); } .kit-scrollbar.with-horizontal::-webkit-scrollbar:horizontal { display: block; } .kit-scrollbar.with-track::-webkit-scrollbar-track { background-color: var(--wf-designer--scrollbarTrackColor); } @supports (-moz-appearance: none) { .kit-scrollbar { scrollbar-width: thin; scrollbar-color: var(--wf-designer--scrollbarThumbColor) transparent; } .kit-scrollbar.with-track { scrollbar-color: var(--wf-designer--scrollbarThumbColor) var(--wf-designer--scrollbarTrackColor); } } html .w-widget-map:empty { position: relative; min-height: 0px; background-image: url("/assets/images/generic-map.6a27419cfd.svg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden; background-color: rgb(224, 224, 224) !important; } html .w-widget-map:empty::before { background: url("/assets/images/map-placeholder-icon.d5eee427ff.svg") 10px 10px / 12px 15px no-repeat white; display: block; content: "This is a generic map preview"; color: rgb(77, 77, 77); font-weight: bold; font-family: Arial; box-sizing: border-box; position: absolute; top: auto; left: 10px; bottom: 10px; padding: 7px 20px 3px 30px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; height: 52px; font-size: 12px; z-index: 100; width: 260px; } html .w-widget-map:empty::after { position: absolute; display: block; font-family: Arial; content: "View actual map on published site"; top: auto; left: 40px; width: 210px; bottom: 18px; font-size: 12px; color: rgb(77, 77, 77); z-index: 1000; } html .w-widget-map.wf-missing-api-key:empty { background-image: url("/assets/images/pin.9dd1f3cd10.svg"); background-size: 70px 70px; } html .w-widget-map.wf-missing-api-key:empty::before { background: url("/assets/images/key.6b2b1a4bb0.svg") 10px 10px no-repeat white; content: "Google Maps API Key Required"; font-style: italic; } html .w-widget-map.wf-missing-api-key:empty::after { content: "Add an API key in Project Settings."; left: 40px; } html .w-widget-map.wf-invalid-api-key:empty { background-image: url("/assets/images/pin.9dd1f3cd10.svg"); background-size: 70px 70px; } html .w-widget-map.wf-invalid-api-key:empty::before { background: url("/assets/images/key.6b2b1a4bb0.svg") 10px 10px no-repeat white; content: "Invalid API Key"; padding: 7px 125px 3px 30px; } html .w-widget-map.wf-invalid-api-key:empty::after { content: "Please follow instructions in settings."; left: 40px; } .w-dyn-hide, .w-locales-hide { display: none !important; } [contenteditable="true"] [data-w-component-root]::selection, [contenteditable="true"] [data-w-component-root] ::selection { background-color: transparent; color: inherit; } [contenteditable="true"].wf-inline:empty { display: inline-block; min-width: 10px; min-height: 10px; } [contenteditable="true"] [data-dyn-path]::before { content: ""; display: block; position: absolute; inset: 0px; border-radius: var(--wf-designer--radius); border: 1px dashed rgba(138, 97, 255, 0.5); background-color: rgba(138, 97, 255, 0.08); box-shadow: rgba(138, 97, 255, 0.15) 0px 0px 0px 1px inset; transition: 200ms; } [contenteditable="true"] [data-dyn-path]::after { content: attr(data-dyn-path); position: absolute; z-index: 100000; background-color: rgb(138, 97, 255); height: 18px; padding: 0px 8px; right: 0px; bottom: 0px; font-size: 11px; line-height: 18px; font-weight: normal; color: white; border-radius: var(--wf-designer--radius) 0 0 0; opacity: 0; transition: opacity 200ms; } [contenteditable="true"] [data-dyn-path]:hover::before { background-color: rgba(138, 97, 255, 0.2); border-style: solid; border-color: rgba(138, 97, 255, 0.7); } [contenteditable="true"] [data-dyn-path]:hover::after { opacity: 1; } .w-col:empty { padding-right: 0px; } .wf-ghost-span::after { content: ""; position: absolute; width: 6px; height: 6px; left: -3px; top: -3px; } .g-recaptcha-error::before { position: absolute; right: -1px; bottom: 6px; padding: 0px 5px; border-radius: 2px 0px 0px 2px; background-color: rgb(201, 44, 64); color: white; font-size: 10px; line-height: 17px; } .g-recaptcha-error.g-recaptcha-disabled::before { content: "reCAPTCHA must be enabled in Project Settings"; padding: 0px 17px; } .g-recaptcha-error.g-recaptcha-invalid-key::before { content: "Site key must be set in Project Settings › Forms"; padding: 0px 19px; } .wf-custom-code-binding [data-has-binding-on-children="true"] > :not([data-w-component-root]) { pointer-events: none !important; } @container wf-container-medium (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @container wf-container-small (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @container wf-container-tiny (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } @container wf-container-tiny (max-width: 479px) { .w-tab-link { display: block; } } @container wf-container-medium (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @container wf-container-small (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0px; margin-right: 0px; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @container wf-container-tiny (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .w-col-tiny-12 { width: 100%; } } :where([data-wf-popover-ghost-anchor])::before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; transform: translate(-50%, -50%); background: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.5 24H11.5V18H12.5V24ZM12.5 6H11.5V0H12.5V6Z%27 fill=%27%23007DF0%27/%3E%3Cpath d=%27M6 12.5H0V11.5H6V12.5ZM24 12.5H18V11.5H24V12.5Z%27 fill=%27%23007DF0%27/%3E%3Cpath d=%27M18 6V18H6V6H18ZM7 17H17V7H7V17Z%27 fill=%27%23007DF0%27/%3E%3C/svg%3E") center center / 16px 16px no-repeat; pointer-events: none; } :where([data-wf-popover-ghost-sourced]) { inset: auto; margin: 8px; position-anchor: auto; position-area: center top; } .w-backgroundvideo-backgroundvideoplaypausebutton.-wfp-focus-visible { border-radius: 50%; outline: rgb(59, 121, 195) solid 2px; outline-offset: 2px; } .w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible { border-radius: 50%; outline: rgb(59, 121, 195) solid 2px; outline-offset: 2px; } .w-commerce-commerceaddtocartform { margin: 0px 0px 15px; } .w-commerce-commerceaddtocartbutton { background-color: rgb(56, 152, 236); border-radius: 0px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 9px 15px; text-decoration: none; display: flex; align-items: center; appearance: none; } .w-commerce-commerceaddtocartbutton.-wfp-ecommerce-add-to-cart-disabled { color: rgb(102, 102, 102); background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); cursor: not-allowed; outline-style: none; } .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: rgb(102, 102, 102); background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); cursor: not-allowed; outline-style: none; } .w-commerce-commerceaddtocartquantityinput { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 10px; padding: 8px 6px 8px 12px; width: 60px; appearance: none; } .w-commerce-commerceaddtocartquantityinput.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commerceaddtocartquantityinput::placeholder { color: rgb(153, 153, 153); } .w-commerce-commerceaddtocartquantityinput.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commerceaddtocartquantityinput:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commerceaddtocarterror { margin-top: 10px; padding: 10px; background-color: rgb(255, 222, 222); } .w-commerce-commerceaddtocartoutofstock { margin-top: 10px; padding: 10px; background-color: rgb(221, 221, 221); } .w-commerce-commerceaddtocartoptionpillgroup { display: flex; margin-bottom: 10px; } .w-commerce-commerceaddtocartoptionpill { margin-right: 10px; padding: 8px 15px; border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); cursor: pointer; } .w-commerce-commerceaddtocartoptionpill.-wfp-ecommerce-pill-selected { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .w-commerce-commerceaddtocartoptionpill.-wfp-ecommerce-pill-disabled { color: rgb(102, 102, 102); background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); cursor: not-allowed; outline-style: none; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: rgb(102, 102, 102); background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); cursor: not-allowed; outline-style: none; } .w-commerce-commercebuynowbutton { background-color: rgb(56, 152, 236); border-radius: 0px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 9px 15px; text-decoration: none; display: inline-block; align-items: center; appearance: none; margin-top: 10px; } .w-commerce-commercebuynowbutton.-wfp-ecommerce-buy-now-disabled { color: rgb(102, 102, 102); background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); cursor: not-allowed; outline-style: none; } .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: rgb(102, 102, 102); background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); cursor: not-allowed; outline-style: none; } .w-commerce-commercecartwrapper { display: inline-block; position: relative; } .w-commerce-commercecartopenlink { background-color: rgb(56, 152, 236); border-radius: 0px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 9px 15px; text-decoration: none; display: flex; align-items: center; appearance: none; } .w-commerce-commercecartopenlinkcount { display: inline-block; height: 18px; min-width: 18px; margin-left: 8px; padding-right: 6px; padding-left: 6px; border-radius: 9px; background-color: rgb(255, 255, 255); color: rgb(56, 152, 236); font-size: 11px; line-height: 18px; font-weight: 700; text-align: center; } .w-commerce-commercecartopenlinkicon { margin-right: 8px; } .w-commerce-commercecartcontainerwrapper { position: fixed; inset: 0px; z-index: 1001; background-color: rgba(0, 0, 0, 0.8); } .w-commerce-commercecartcontainerwrapper--cartType-modal { display: flex; flex-direction: column; justify-content: center; align-items: center; } .w-commerce-commercecartcontainerwrapper--cartType-leftSidebar { display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar { display: flex; flex-direction: row; justify-content: flex-end; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown { position: absolute; inset: 100% auto auto 0px; background-color: rgba(0, 0, 0, 0); } .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { position: absolute; inset: 100% 0px auto auto; background-color: rgba(0, 0, 0, 0); } .w-commerce-commercecartcontainer { display: flex; width: 100%; max-width: 480px; min-width: 320px; flex-direction: column; overflow: auto; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 25px 0px; } .w-commerce-commercecartheader { position: relative; display: flex; padding: 16px 24px; justify-content: space-between; flex: 0 0 auto; border-bottom: 1px solid rgb(230, 230, 230); align-items: center; } .w-commerce-commercecartheading { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } .w-commerce-commercecartformwrapper { display: flex; flex-direction: column; flex: 1 1 0%; } .w-commerce-commercecartform { display: flex; flex-direction: column; justify-content: flex-start; flex: 1 1 0%; } .w-commerce-commercecartemptystate { display: flex; padding-top: 100px; padding-bottom: 100px; justify-content: center; align-items: center; flex: 1 1 0%; } .w-commerce-commercecarterrorstate { margin: 0px 24px 24px; padding: 10px; flex: 0 0 auto; background-color: rgb(255, 222, 222); } .w-commerce-commercecartlist { overflow: auto; padding: 12px 24px; flex: 1 1 0%; } .w-commerce-commercecartfooter { display: flex; padding: 16px 24px 24px; flex-direction: column; flex: 0 0 auto; border-top: 1px solid rgb(230, 230, 230); } .w-commerce-commercecartlineitem { display: flex; margin-bottom: 16px; justify-content: space-between; align-items: baseline; flex: 0 0 auto; } .w-commerce-commercecartcheckoutbutton { background-color: rgb(56, 152, 236); border-radius: 2px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 9px 15px; text-decoration: none; display: block; align-items: center; appearance: none; text-align: center; } .w-commerce-commercecartitem { display: flex; padding-top: 12px; padding-bottom: 12px; align-items: flex-start; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecartiteminfo { display: flex; margin-right: 16px; margin-left: 16px; flex-direction: column; flex: 1 1 0%; } .w-commerce-commercecartproductname { font-weight: 700; } .w-commerce-commercecartquantity { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 10px; padding: 8px 6px 8px 12px; width: 60px; appearance: none; } .w-commerce-commercecartquantity.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecartquantity::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecartquantity.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecartquantity:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecartcloselink { width: 16px; height: 16px; } .w-commerce-commercecartordervalue { font-weight: 700; } .w-commerce-commercecartoptionlist { text-decoration: none; padding-left: 0px; margin-bottom: 0px; list-style-type: none; } .w-commerce-commercecartquickcheckoutbutton { background-color: rgb(0, 0, 0); border-radius: 2px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 0px 15px; text-decoration: none; display: flex; align-items: center; appearance: none; justify-content: center; margin-bottom: 8px; height: 38px; } .w-commerce-commercecartapplepaybutton { background-color: rgb(0, 0, 0); border-radius: 2px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 0px; text-decoration: none; display: flex; align-items: center; appearance: none; margin-bottom: 8px; height: 38px; min-height: 30px; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercequickcheckoutgoogleicon { display: block; margin-right: 8px; } .w-commerce-commercequickcheckoutmicrosofticon { display: block; margin-right: 8px; } .w-commerce-commercecheckoutblockcontent { padding: 20px; border-bottom: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); } .w-commerce-commercecheckoutblockheader { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 20px; border-style: solid; border-width: 1px; border-color: rgb(230, 230, 230); background-color: rgb(255, 255, 255); } .w-commerce-commercecheckoutcolumn { padding-right: 8px; padding-left: 8px; flex: 1 1 0%; } .w-commerce-commercecheckoutformcontainer { width: 100%; min-height: 100vh; padding: 20px; background-color: rgb(245, 245, 245); } .w-commerce-commercecheckoutrow { display: flex; margin-right: -8px; margin-left: -8px; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercelabel { margin-top: 20px; margin-bottom: 8px; } .w-commerce-commercecheckoutcardexpirationdate { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardexpirationdate.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardnumber { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardnumber.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardnumber::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardnumber:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; cursor: text; } .w-commerce-commercecheckoutcardsecuritycode.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckouterrorstate { margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; background-color: rgb(255, 222, 222); } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutplaceorderbutton { background-color: rgb(56, 152, 236); border-radius: 3px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 9px 15px; text-decoration: none; display: block; align-items: center; appearance: none; margin-bottom: 20px; text-align: center; } .w-commerce-commercecheckoutemailinput { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutemailinput.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutemailinput::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutemailinput.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutemailinput:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingcountryselector { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingcountryselector.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingcountryselector.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingfullname { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingfullname.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingfullname::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingfullname.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingfullname:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingstreetaddress.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstreetaddress.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstreetaddressoptional.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingcity { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingcity.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingcity::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingcity.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingcity:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingzippostalcode.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingzippostalcode.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutshippingstateprovince.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstateprovince.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commerceorderconfirmationcontainer { width: 100%; min-height: 100vh; padding: 20px; background-color: rgb(245, 245, 245); } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingcountryselector { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingcountryselector.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingcountryselector.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingfullname { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingfullname.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingfullname::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingfullname.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingfullname:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingstreetaddress.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstreetaddress.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstreetaddressoptional.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingcity { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingcity.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingcity::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingcity.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingcity:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingzippostalcode.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingzippostalcode.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutbillingstateprovince.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstateprovince.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { display: flex; flex-direction: row; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { font-weight: 400; margin-left: 8px; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { margin-left: 16px; margin-right: 16px; flex-grow: 1; } .w-commerce-commercecheckoutorderitemquantitywrapper { display: flex; white-space: pre-wrap; } .w-commerce-commercecheckoutorderitemoptionlist { text-decoration: none; padding-left: 0px; margin-bottom: 0px; list-style-type: none; } .w-commerce-commercecheckoutorderitemtrialtextwrapper { display: block; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; padding: 64px 16px; border-left: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); } .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); } .w-commerce-commercecheckoutshippingmethoditem { padding: 16px; font-weight: 400; display: flex; flex-direction: row; border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 0px; background-color: rgb(255, 255, 255); align-items: baseline; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { margin-left: 12px; margin-right: 12px; display: flex; flex-direction: column; flex-grow: 1; } .w-commerce-commercecheckoutshippingmethodnameblock { font-weight: 700; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem { margin-bottom: 8px; } .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryblockheader { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 20px; border-style: solid; border-width: 1px; border-color: rgb(230, 230, 230); background-color: rgb(255, 255, 255); } .w-commerce-commercecheckoutsummarylineitem { display: flex; flex-direction: row; margin-bottom: 8px; justify-content: space-between; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: 0.33em; } .w-commerce-commercecheckoutsummaryflexboxdiv { display: flex; flex-direction: row; justify-content: flex-start; } .w-commerce-commercecheckoutordersummaryextraitemslistitem { display: flex; flex-direction: row; margin-bottom: 8px; justify-content: space-between; } .w-commerce-commercelayoutmain { flex: 0 1 800px; margin-right: 20px; } .w-commerce-commercelayoutsidebar { flex: 0 0 320px; position: sticky; top: 20px; } .w-commerce-commercelayoutcontainer { display: flex; align-items: flex-start; justify-content: center; } .w-commerce-commercepaypalcheckoutformcontainer { width: 100%; min-height: 100vh; padding: 20px; background-color: rgb(245, 245, 245); } .w-commerce-commercepaypalcheckouterrorstate { margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; background-color: rgb(255, 222, 222); } .w-commerce-commercecheckoutadditionalinputscontainer { margin-bottom: 20px; } .w-commerce-commercecheckoutadditionaltextarea { padding: 8px 12px; background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; margin-bottom: 16px; height: 76px; width: 100%; } .w-commerce-commercecheckoutadditionaltextarea.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutadditionaltextarea::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutadditionaltextarea.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutadditionaltextarea:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutadditionaltextinput { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 16px; padding: 8px 12px; width: 100%; appearance: none; } .w-commerce-commercecheckoutadditionaltextinput.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutadditionaltextinput::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutadditionaltextinput.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutadditionaltextinput:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutadditionalcheckbox { margin-right: 8px; } .w-commerce-commercecheckoutadditionalcheckboxwrapper { display: flex; flex-direction: row; align-items: center; } .w-commerce-commercecheckoutdiscounts { background-color: rgb(255, 255, 255); border-color: rgb(230, 230, 230); border-style: solid; border-width: 1px; display: flex; flex-wrap: wrap; padding: 20px; } .w-commerce-commercecheckoutdiscountsbutton { background-color: rgb(56, 152, 236); border-radius: 3px; border-width: 0px; color: rgb(255, 255, 255); cursor: pointer; padding: 9px 15px; text-decoration: none; display: flex; align-items: center; appearance: none; margin-left: 8px; flex-shrink: 0; flex-grow: 0; height: 38px; } .w-commerce-commercecheckoutdiscountsinput { background-color: rgb(250, 250, 250); border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 3px; display: block; height: 38px; line-height: 20px; margin-bottom: 0px; padding: 8px 12px; width: auto; appearance: none; flex: 1 1 0%; min-width: 0px; } .w-commerce-commercecheckoutdiscountsinput.-wfp-placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutdiscountsinput::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutdiscountsinput.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutdiscountsinput:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutdiscountslabel { margin-bottom: 8px; flex-basis: 100%; } .w-commerce-commercedownloadswrapper { margin-bottom: 20px; } .w-commerce-commercedownloadslist { margin-bottom: -20px; } .w-commerce-commercedownloadsitem { display: grid; grid-template-columns: 1fr max-content; column-gap: 16px; align-items: center; margin-bottom: 20px; } .w-embed-youtubevideo { width: 100%; position: relative; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-image: url("/assets/images/youtube-placeholder.2b05e7d68d.svg"); background-size: cover; background-position: 50% 50%; } .w-embed-youtubevideo.-wfp-empty { min-height: 75px; padding-bottom: 56.25%; } .w-embed-youtubevideo:empty { min-height: 75px; padding-bottom: 56.25%; } .w-checkbox-input { float: left; margin: 4px 0px 0px -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border-width: 1px; border-color: rgb(204, 204, 204); border-style: solid; width: 12px; height: 12px; border-radius: 2px; } .w-checkbox-input--inputType-custom.-wfp-redirected-checked { background-color: rgb(56, 152, 236); border-color: rgb(56, 152, 236); background-image: url("/assets/images/custom-checkbox-checkmark.589d534424.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: rgb(56, 152, 236); border-color: rgb(56, 152, 236); background-image: url("/assets/images/custom-checkbox-checkmark.589d534424.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .w-checkbox-input--inputType-custom.-wfp-redirected-focus { box-shadow: rgb(56, 152, 236) 0px 0px 3px 1px; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: rgb(56, 152, 236) 0px 0px 3px 1px; } .w-checkbox { display: block; margin-bottom: 5px; padding-left: 20px; } .w-checkbox.-wfp-before { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-checkbox::before { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; } .w-checkbox.-wfp-after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; clear: both; } .w-checkbox::after { content: " "; display: table; grid-area: 1 / 1 / 2 / 2; clear: both; } .w-form-formradioinput { } .w-form-formradioinput--inputType-custom { border-width: 1px; border-color: rgb(204, 204, 204); border-style: solid; width: 12px; height: 12px; border-radius: 50%; } .w-form-formradioinput--inputType-custom.-wfp-redirected-focus { box-shadow: rgb(56, 152, 236) 0px 0px 3px 1px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: rgb(56, 152, 236) 0px 0px 3px 1px; } .w-form-formradioinput--inputType-custom.-wfp-redirected-checked { border-width: 4px; border-color: rgb(56, 152, 236); } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: rgb(56, 152, 236); } .w-form-formrecaptcha { margin-bottom: 8px; } .w-layout-layout { grid-auto-columns: 1fr; gap: 20px; padding: 20px; justify-content: center; } .w-layout-cell { align-items: flex-start; display: flex; flex-direction: column; justify-content: flex-start; } .w-layout-blockcontainer { display: block; margin-left: auto; margin-right: auto; max-width: 940px; } .w-layout-vflex { align-items: flex-start; display: flex; flex-direction: column; } .w-layout-hflex { align-items: flex-start; display: flex; flex-direction: row; } .w-pagination-wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .w-pagination-previous { display: block; color: rgb(51, 51, 51); font-size: 14px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; background-color: rgb(250, 250, 250); border-width: 1px; border-color: rgb(204, 204, 204); border-style: solid; border-radius: 2px; } .w-pagination-next { display: block; color: rgb(51, 51, 51); font-size: 14px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; background-color: rgb(250, 250, 250); border-width: 1px; border-color: rgb(204, 204, 204); border-style: solid; border-radius: 2px; } .w-pagination-previous-icon { margin-right: 4px; } .w-pagination-next-icon { margin-left: 4px; } .w-page-count { width: 100%; text-align: center; margin-top: 20px; } .w-users-useraccountwrapper { width: 100%; min-height: 100vh; padding: 20px; background-color: rgb(245, 245, 245); } .w-users-useraccountformsavebutton { text-align: center; margin-right: 8px; } .w-users-useraccountformcancelbutton { text-align: center; background-color: rgb(211, 211, 211); color: rgb(51, 51, 51); } .w-users-useraccountsubscriptionlist { overflow: auto; flex: 1 1 0%; } .w-users-useraccountsubscriptionlistitem { display: flex; align-items: flex-start; } .w-users-useraccountsubscriptionlistiteminfo { display: flex; margin-right: 16px; margin-left: 16px; flex-direction: column; flex: 1 1 0%; } .w-users-useraccountsubscriptioncancelbutton { color: rgb(56, 152, 236); background-color: rgba(0, 0, 0, 0); cursor: pointer; padding: 0px; appearance: none; } .w-users-usersignupformwrapper { position: relative; margin-bottom: 0px; padding-left: 20px; padding-right: 20px; } .w-users-usersignupverificationmessage { display: none; } .w-users-usersignuptermsofservicewrapper { display: flex; flex-direction: row; margin-bottom: 10px; } .w-users-usersignuptermsofservicecheckboxinput { margin-right: 8px; margin-top: 4px; } .w-users-userloginformwrapper { position: relative; margin-bottom: 0px; padding-left: 20px; padding-right: 20px; } .w-users-userupdatepasswordformwrapper { position: relative; margin-bottom: 0px; padding-left: 20px; padding-right: 20px; } .w-users-userresetpasswordformwrapper { position: relative; margin-bottom: 0px; padding-left: 20px; padding-right: 20px; } .w-users-userformbutton { width: 100%; text-align: center; } .w-users-userformheader { text-align: center; } .w-users-userformfooter { display: flex; justify-content: space-between; margin-top: 12px; } .w-users-userformpagewrap { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: stretch; max-width: 340px; margin-left: auto; margin-right: auto; } .w-users-blockcontent { margin-bottom: 20px; padding: 20px; border-bottom: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); } .w-users-blockheader { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 20px; border-style: solid; border-width: 1px; border-color: rgb(230, 230, 230); background-color: rgb(255, 255, 255); } .w-users-flexcolumn { display: flex; flex-direction: column; } .w-users-gridrow { display: grid; grid-template-columns: auto auto; column-gap: 8px; justify-content: flex-start; } .w-users-userformsuccessstate { display: none; } .w-users-userformerrorstate { position: absolute; top: 100%; left: 0%; right: 0%; margin-left: 20px; margin-right: 20px; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-commerce-commercelayoutmain { margin-right: 0px; flex-basis: auto; } .w-commerce-commercelayoutsidebar { flex-basis: auto; } .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-layout-blockcontainer { max-width: none; } } @media screen and (max-width: 479px) { .w-commerce-commerceaddtocartquantityinput { font-size: 16px; } .w-commerce-commercecartcontainerwrapper--cartType-modal { flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown { position: fixed; inset: 0px; display: flex; flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { position: fixed; inset: 0px; display: flex; flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartquantity { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutcardexpirationdate { font-size: 16px; } .w-commerce-commercecheckoutcardnumber { font-size: 16px; } .w-commerce-commercecheckoutcardsecuritycode { font-size: 16px; } .w-commerce-commercecheckoutemailinput { font-size: 16px; } .w-commerce-commercecheckoutshippingcountryselector { font-size: 16px; } .w-commerce-commercecheckoutshippingfullname { font-size: 16px; } .w-commerce-commercecheckoutshippingstreetaddress { font-size: 16px; } .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutshippingcity { font-size: 16px; } .w-commerce-commercecheckoutshippingzippostalcode { font-size: 16px; } .w-commerce-commercecheckoutshippingstateprovince { font-size: 16px; } .w-commerce-commercecheckoutbillingcountryselector { font-size: 16px; } .w-commerce-commercecheckoutbillingfullname { font-size: 16px; } .w-commerce-commercecheckoutbillingstreetaddress { font-size: 16px; } .w-commerce-commercecheckoutbillingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutbillingcity { font-size: 16px; } .w-commerce-commercecheckoutbillingzippostalcode { font-size: 16px; } .w-commerce-commercecheckoutbillingstateprovince { font-size: 16px; } .w-commerce-commercecheckoutadditionaltextarea { font-size: 16px; } .w-commerce-commercecheckoutadditionaltextinput { font-size: 16px; } .w-commerce-commercecheckoutdiscountsinput { font-size: 16px; } } :root { --swatch_f6e76106: white; --swatch_c9fc6c52: black; --white: white; --black: black; --red: #b12643; --blue: #0d3160; --grey: #242424; } @media all { body { font-family: Montserrat, sans-serif; color: rgb(26, 27, 31); font-size: 16px; line-height: 28px; font-weight: 400; } h1 { margin-top: 20px; margin-bottom: 15px; font-size: 44px; line-height: 62px; font-weight: 400; } h2 { margin-top: 10px; margin-bottom: 10px; font-size: 36px; line-height: 50px; font-weight: 400; } h3 { margin-top: 10px; margin-bottom: 10px; color: var(--black); font-size: 30px; line-height: 46px; font-weight: 400; } h4 { margin-top: 10px; margin-bottom: 10px; font-size: 24px; line-height: 38px; font-weight: 400; } h5 { margin-top: 10px; margin-bottom: 10px; font-size: 20px; line-height: 34px; font-weight: 500; } h6 { margin-top: 10px; margin-bottom: 10px; font-size: 16px; line-height: 28px; font-weight: 700; } p { margin-bottom: 10px; } a { transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; color: var(--black); font-weight: 600; text-decoration: underline; } a.-wfp-hover, a:hover { color: rgb(50, 52, 58); } a.-wfp-active, :where(html:not(.wf-design-mode)) a:active { color: rgb(67, 70, 77); } ul { margin-top: 20px; margin-bottom: 10px; padding-left: 40px; list-style-type: disc; } li { margin-bottom: 10px; } img { display: block; } label { margin-bottom: 10px; font-size: 12px; line-height: 20px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } blockquote { margin-top: 25px; margin-bottom: 25px; padding: 15px 30px; border-left: 5px solid rgb(226, 226, 226); font-size: 20px; line-height: 34px; } figure { } figcaption { margin-top: 5px; opacity: 1; font-size: 14px; line-height: 26px; text-align: center; } .divider { height: 1px; background-color: rgb(238, 238, 238); } .styleguide-content-wrap { text-align: center; } .section { margin-right: 60px; margin-left: 60px; padding-top: 100px; padding-bottom: 100px; } .section.cc-cta { min-height: 50vh; padding: 20px; background-color: var(--grey); } .section.cc-home-wrap { padding-top: 0px; padding-bottom: 0px; } .section.cc-store-home-wrap { margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; } .section.wide { margin-right: 0px; margin-left: 0px; } .section.short { padding-top: 10px; padding-bottom: 10px; } .styleguide-block { display: block; margin-top: 80px; margin-bottom: 80px; flex-direction: column; align-items: center; text-align: left; } .container { width: auto; margin-right: auto; margin-left: auto; } .container.cc-blog-detail { } .container.newsletter { height: auto; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: var(--grey); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--grey); } .container.copyright { height: auto; padding-top: 40px; } .container.cta { height: 50vh; } .container.coming-soon { display: flex; max-width: none; margin-right: 0px; margin-left: 0px; padding-right: 25vw; padding-left: 25vw; flex-flow: column; justify-content: center; align-items: center; gap: 0px; text-align: center; } .container.border { border-top-style: solid; border-top-width: 1px; border-top-color: var(--grey); } .paragraph-tiny { font-size: 12px; line-height: 20px; } .paragraph-bigger { margin-bottom: 10px; opacity: 1; font-size: 20px; line-height: 34px; font-weight: 400; } .paragraph-bigger.cc-bigger-light { opacity: 0.6; } .paragraph-bigger.cc-bigger-black-light { opacity: 0.6; color: var(--black); line-height: 30px; } .primary-button { padding: 12px 25px; border-radius: 0px; background-color: rgb(26, 27, 31); transition-property: background-color, opacity, color; transition-duration: 400ms, 400ms, 400ms; transition-timing-function: ease, ease, ease; color: white; font-size: 12px; line-height: 20px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; } .primary-button.-wfp-hover, .primary-button:hover { background-color: rgb(50, 52, 58); color: white; } .primary-button.-wfp-active, :where(html:not(.wf-design-mode)) .primary-button:active { background-color: rgb(67, 70, 77); } .primary-button.cc-jumbo-button { padding: 16px 35px; font-size: 14px; line-height: 26px; } .primary-button.cc-jumbo-button.red { } .primary-button.cc-contact-us { position: relative; z-index: 5; } .primary-button.cc-contact-us.red { background-color: var(--red); } .primary-button.cc-contact-us.hover { margin-left: 10px; } .primary-button.cc-contact-us.hover.-wfp-hover, .primary-button.cc-contact-us.hover:hover { background-color: var(--red); } .primary-button.cc-white-button { padding: 16px 35px; background-color: white; color: rgb(32, 32, 32); font-size: 14px; line-height: 26px; } .primary-button.cc-white-button.-wfp-hover, .primary-button.cc-white-button:hover { background-color: rgba(255, 255, 255, 0.8); } .primary-button.cc-white-button.-wfp-active, :where(html:not(.wf-design-mode)) .primary-button.cc-white-button:active { background-color: rgba(255, 255, 255, 0.9); } .primary-button.newsletter { width: 100%; } .primary-button.red { background-color: var(--red); } .primary-button.wide { width: 100%; text-align: center; } .primary-button.wide.red { } .primary-button.blue { background-color: var(--blue); } .label { margin-bottom: 10px; font-size: 12px; line-height: 20px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .label.cc-styleguide-label { margin-bottom: 25px; } .label.cc-light { opacity: 0.6; } .label.cc-blog-date { margin-top: 20px; opacity: 0.6; } .heading-jumbo-tiny { margin-top: 10px; margin-bottom: 10px; font-size: 18px; line-height: 32px; font-weight: 500; text-transform: uppercase; } .rich-text { width: 70%; margin-right: auto; margin-bottom: 100px; margin-left: auto; } .rich-text p { margin-top: 15px; margin-bottom: 25px; opacity: 0.6; } .rich-text img { } .rich-text figcaption { opacity: 0.6; } .rich-text figure { margin-top: 25px; padding-bottom: 20px; } .paragraph-light { opacity: 0.6; } .paragraph-light.black { color: var(--black); } .heading-jumbo { margin-top: 10px; margin-bottom: 10px; color: var(--black); font-size: 61px; line-height: 80px; font-weight: 500; text-transform: none; } .heading-jumbo.centered { margin-bottom: 0px; text-align: center; text-transform: uppercase; } .heading-jumbo-small { margin-top: 10px; margin-bottom: 15px; font-size: 36px; line-height: 50px; font-weight: 400; text-transform: none; } .heading-jumbo-small.black { font-weight: 900; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px; } .heading-jumbo-small.utility-margin-bottom-0 { } .styleguide-button-wrap { margin-top: 10px; margin-bottom: 10px; } .styleguide-header-wrap { display: flex; height: 460px; padding: 30px; flex-direction: column; justify-content: center; align-items: center; background-color: rgb(26, 27, 31); color: white; text-align: center; } .paragraph-small { font-size: 14px; line-height: 26px; } .paragraph-small.black { color: var(--black); } .logo-link { z-index: 1; display: flex; } .logo-link.-wfp-hover, .logo-link:hover { opacity: 0.8; } .logo-link.-wfp-active, :where(html:not(.wf-design-mode)) .logo-link:active { opacity: 0.7; } .logo-link.w--current { display: flex; justify-content: center; align-items: center; } .menu-icon { } .menu { position: absolute; inset: 0%; z-index: 0; display: flex; justify-content: flex-end; align-items: center; } .navigation-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; flex: 1 1 0%; } .navigation { display: flex; padding: 30px 50px; align-items: center; background-color: var(--white); } .navigation-item { padding: 9px 10px; opacity: 0.6; font-size: 12px; line-height: 20px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .navigation-item.-wfp-hover, .navigation-item:hover { opacity: 0.9; } .navigation-item.-wfp-active, :where(html:not(.wf-design-mode)) .navigation-item:active { opacity: 0.8; } .navigation-item.w--current { opacity: 1; color: rgb(26, 27, 31); font-weight: 600; } .navigation-item.w--current.-wfp-hover, .navigation-item.w--current:hover { opacity: 0.8; color: rgb(50, 52, 58); } .navigation-item.w--current.-wfp-active, :where(html:not(.wf-design-mode)) .navigation-item.w--current:active { opacity: 0.7; color: rgb(50, 52, 58); } .menu-button { } .logo-image { display: block; } .navigation-items { display: flex; justify-content: center; align-items: center; flex: 0 0 auto; } .footer-wrap { display: flex; padding-top: 70px; padding-bottom: 70px; justify-content: center; align-items: center; } .webflow-link { display: flex; align-items: center; opacity: 0.5; transition-property: opacity; transition-duration: 400ms; transition-timing-function: ease; text-decoration: none; } .webflow-link.-wfp-hover, .webflow-link:hover { opacity: 1; } .webflow-link.-wfp-active, :where(html:not(.wf-design-mode)) .webflow-link:active { opacity: 0.8; } .webflow-logo-tiny { margin-top: -2px; margin-right: 8px; } .cta-text { width: 70%; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .cta-wrap { display: flex; flex-flow: column; justify-content: center; text-align: center; } .intro-header { position: relative; z-index: 0; display: flex; min-height: 80vh; margin-bottom: 40px; flex-flow: column; justify-content: flex-start; align-items: flex-start; background-color: rgba(244, 244, 244, 0); color: rgb(255, 255, 255); } .intro-header.cc-subpage { height: 480px; background-color: rgb(0, 0, 0); background-image: none; color: rgb(255, 255, 255); } .intro-content { max-width: none; background-color: var(--grey); color: var(--white); text-align: left; } .intro-content.cc-homepage { padding: 20px 50px 40px; background-color: rgba(0, 0, 0, 0); text-align: left; } .intro-content.project { margin-right: 0px; margin-left: 0px; padding: 20px 15%; } .motto-wrap { width: 80%; margin-right: auto; margin-bottom: 60px; margin-left: auto; text-align: center; } .about-story-wrap { width: 80%; margin: 80px auto; text-align: center; } .our-services-grid { margin-bottom: 60px; grid-template-areas: ". . ." ". . ."; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; } .section-heading-wrap { margin-bottom: 60px; text-align: center; } .service-icon { margin-bottom: 30px; } .status-message { padding: 9px 30px; background-color: rgb(32, 32, 32); color: rgb(255, 255, 255); font-size: 14px; line-height: 26px; text-align: center; } .status-message.cc-success-message { background-color: rgb(18, 184, 120); } .status-message.cc-error-message { background-color: rgb(219, 75, 104); } .status-message.cc-no-data { display: block; width: 70%; margin: 100px auto; } .contact-form-wrap { padding: 45px 50px 50px; border-style: solid; border-width: 1px; border-color: rgb(238, 238, 238); } .contact-form-grid { align-items: start; gap: 30px 80px; grid-template: ". ." / 2.5fr 1fr; } .details-wrap { margin-bottom: 30px; } .get-in-touch-form { display: flex; flex-direction: column; } .text-field { margin-bottom: 18px; padding: 21px 20px; border-style: solid; border-width: 1px; border-color: rgb(228, 228, 228); border-radius: 0px; transition-property: border-color; transition-duration: 400ms; transition-timing-function: ease; font-size: 14px; line-height: 26px; } .text-field.-wfp-hover, .text-field:hover { border-color: rgb(227, 230, 235); } .text-field.-wfp-active, :where(html:not(.wf-design-mode)) .text-field:active { border-color: rgb(67, 70, 77); } .text-field.-wfp-focus, :where(html:not(.wf-design-mode)) .text-field:focus { border-color: rgb(67, 70, 77); } .text-field::placeholder { color: rgba(50, 52, 58, 0.4); } .text-field.cc-contact-field { margin-bottom: 25px; } .text-field.cc-textarea { height: 200px; padding-top: 12px; } .text-field.cc-textarea.cc-contact-field { } .contact-form { display: flex; width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; flex-direction: column; align-items: stretch; } .contact-form-heading-wrap { margin-bottom: 40px; } .contact-heading { margin-top: 0px; margin-bottom: 15px; font-weight: 400; } .map { height: 460px; line-height: 20px; } .contact-team-name-wrap { margin-bottom: 30px; } .our-contacts { gap: 60px 80px; grid-template: ". . ." / 1fr 1fr 1fr; text-align: center; } .contact-team-details-wrap { margin-top: 30px; } .contact-team-pic { height: 150px; margin-bottom: 30px; background-color: rgb(244, 244, 244); } .team-pic { width: 100%; height: 420px; margin-bottom: 40px; background-color: rgb(244, 244, 244); } .team-members { gap: 30px; grid-template-areas: ". . ." ". . ."; grid-template-columns: 1fr 1fr 1fr; } .team-member-title-wrap { display: flex; width: 100%; margin-bottom: 60px; flex-direction: column; justify-content: center; align-items: center; } .team-member-name { margin-bottom: 5px; opacity: 1; font-size: 20px; line-height: 34px; font-weight: 400; } .project-cover-pic { } .projects-grid { gap: 30px; grid-template: "." "." "." / 1fr; } .project-name-wrap { display: flex; width: 100%; margin-bottom: 60px; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .project-name-link { margin-bottom: 5px; font-size: 20px; line-height: 34px; font-weight: 400; text-decoration: none; } .project-name-link.-wfp-hover, .project-name-link:hover { opacity: 0.8; } .project-name-link.-wfp-active, :where(html:not(.wf-design-mode)) .project-name-link:active { opacity: 0.7; } .project-cover-link { margin-bottom: 40px; } .project-cover-link.-wfp-hover, .project-cover-link:hover { opacity: 0.8; } .project-cover-link.-wfp-active, :where(html:not(.wf-design-mode)) .project-cover-link:active { opacity: 0.7; } .project-overview-header { display: flex; justify-content: center; align-items: center; background-image: url("/assets/images/675b3d760937b5c61e0d2f4d_Textured1_edited.jpg"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; color: rgb(255, 255, 255); } .project-overview-header.cc-project-2-header { background-image: url("/assets/images/67575eff478ac40c5198b61b_portfolio-2-wide.svg"); background-position: 50% 50%; } .project-overview-header.cc-project-3-header { background-image: url("/assets/images/67575eff478ac40c5198b621_portfolio-3-wide.svg"); background-size: cover; } .project-details-grid { align-items: start; gap: 30px 80px; grid-template: ". ." / 1fr 2fr; } .project-pics { } .detail-image { width: 100%; margin-bottom: 30px; } .blog-detail-header-wrap { width: 70%; margin: 60px auto; } .detail-header-image { display: block; width: 100%; height: 620px; margin-bottom: 60px; background-image: url("/assets/images/background-image.svg"); background-position: 0px 0px; background-size: cover; } .detail-header-image.w--current { margin-bottom: 60px; } .blog-list-wrap { margin-bottom: 100px; } .blog-item { display: block; margin-right: auto; margin-bottom: 80px; margin-left: auto; flex-direction: column; justify-content: center; text-align: center; } .blog-preview-image { display: block; width: 100%; height: 620px; margin-bottom: 45px; background-image: url("/assets/images/background-image.svg"); background-position: 0px 0px; background-size: cover; transition-property: opacity; transition-duration: 600ms; transition-timing-function: ease; } .blog-preview-image.-wfp-hover, .blog-preview-image:hover { opacity: 0.8; } .blog-preview-image.-wfp-active, :where(html:not(.wf-design-mode)) .blog-preview-image:active { opacity: 0.7; } .blog-summary-wrap { width: 70%; margin-right: auto; margin-bottom: 20px; margin-left: auto; text-align: left; } .blog-heading-link { margin-bottom: 10px; font-size: 30px; line-height: 46px; font-weight: 400; text-decoration: none; } .blog-heading-link.-wfp-hover, .blog-heading-link:hover { opacity: 0.8; } .blog-heading-link.-wfp-active, :where(html:not(.wf-design-mode)) .blog-heading-link:active { opacity: 0.7; } .contact-email-link { margin-bottom: 5px; opacity: 0.6; } .contact-email-link.-wfp-hover, .contact-email-link:hover { opacity: 1; } .contact-email-link.-wfp-active, :where(html:not(.wf-design-mode)) .contact-email-link:active { opacity: 0.8; } .protected-form { display: flex; flex-direction: column; } .protected-wrap { display: flex; padding-top: 90px; padding-bottom: 100px; justify-content: center; } .protected-heading { margin-bottom: 30px; } .utility-page-wrap { display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; padding: 30px; justify-content: center; align-items: center; color: white; text-align: center; } ._404-wrap { display: flex; width: 100%; height: 100%; padding: 30px; flex-direction: column; justify-content: center; align-items: center; background-color: rgb(26, 27, 31); background-image: url("/assets/images/675774b35a5ffad5da5fa2a6_hamberger-menu-iconArtboard-1.svg"); background-position: 0px 0px; background-size: auto; } ._404-content-wrap { margin-bottom: 20px; } .home-content-wrap { } .home-section-wrap { margin-bottom: 30px; } .section-heading { margin-top: 10px; margin-bottom: 20px; font-weight: 400; } .about-grid { margin-bottom: 80px; align-items: center; gap: 30px 80px; grid-template: ". ." / 1fr 2fr; } .about-grid.cc-about-2 { grid-template-areas: ". ."; grid-template-columns: 2fr 1fr; } .about-grid.cc-about-2.top-20px { margin-top: 20px; } .intro-text { margin-right: auto; margin-bottom: 35px; margin-left: 0px; } .collection-wrap { display: flex; margin-right: -15px; margin-left: -15px; place-content: flex-start center; flex-wrap: wrap; align-items: flex-start; } .work-heading { margin-top: 10px; margin-bottom: 20px; font-weight: 400; } .blog-heading { margin-bottom: 60px; text-align: center; } .blog-preview-wrap { width: 33.33%; padding-right: 45px; padding-bottom: 30px; padding-left: 15px; } .collection-list-wrapper { } .business-article-heading { margin-top: 10px; margin-bottom: 10px; font-size: 24px; line-height: 38px; font-weight: 500; text-decoration: none; } .business-article-heading.-wfp-hover, .business-article-heading:hover { opacity: 0.8; } .business-article-heading.-wfp-active, :where(html:not(.wf-design-mode)) .business-article-heading:active { opacity: 0.7; } .secondary-button { padding: 12px 25px; border-radius: 5px; background-color: white; color: black; font-size: 12px; line-height: 20px; letter-spacing: 2px; text-decoration: none; text-transform: none; } .secondary-button.cc-jumbo-button { padding: 16px 20px; font-size: 14px; line-height: 26px; text-align: center; } .secondary-button.cc-jumbo-button.red { position: relative; z-index: 10; background-color: var(--red); color: var(--white); } .secondary-button.cc-jumbo-button.blue { background-color: var(--blue); color: var(--white); } .secondary-button.cc-jumbo-button.grey { position: static; inset: 0% auto auto 0%; background-color: var(--grey); color: var(--white); } .intro-background-video { z-index: -2; width: 100%; height: 100%; } .intro-background-video.cta { position: relative; z-index: 0; display: flex; flex-flow: column; justify-content: flex-end; align-items: stretch; opacity: 100; } .home-featured-buttons { z-index: 10; display: flex; gap: 22px; } .home-featured-buttons.coming-soon { width: 50vw; margin-top: 20px; justify-content: space-between; } .text-block { } .site-title { padding-left: 10px; align-self: center; } .stat-showcase { position: relative; inset: auto 0% 0%; display: flex; margin-top: 40px; margin-bottom: 50px; gap: 20px; } .stat-block { padding-right: 20px; padding-left: 20px; border-radius: 5px; background-color: var(--white); } .code-embed { width: 100%; height: 100%; } .div-image { width: 100%; height: 100%; background-image: url("/assets/images/6758abc1f850119fd0bdd54a_Irving-Steph-Last-Scan.avif"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .grey-section { position: static; width: 100vw; background-color: rgba(0, 0, 0, 0.09); } .grey-section.offset { margin-left: -60px; } .service-block { padding: 10px; border-radius: 5px; background-color: var(--white); font-weight: 400; text-decoration: none; } .heading { font-weight: 700; } .heading.product { padding-right: 5px; padding-left: 5px; font-size: 12px; line-height: 28px; text-transform: uppercase; } .service-icon-wrapper { width: 50px; height: 50px; margin-bottom: 30px; } .service-icon-code { height: 100%; } .project-grid { padding: 10px; grid-template-columns: 1fr 1fr 1fr; border-radius: 5px; background-color: var(--white); } .project-tile { display: flex; flex-flow: column; } .project-tile.small { } .image-wrapper { } .image { width: 100%; } .image.contact-us-logo { position: static; margin-bottom: 10px; text-align: left; } .slide { width: 50%; margin-right: 10px; margin-left: 10px; } .as-seen-in-tile { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; border-radius: 5px; } .as-seen-in-logo { max-height: 60%; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.3) 4px 2px 15px 6px; } .as-seen-in-logo.blue { background-color: rgb(6, 0, 184); } .as-seen-in-logo.black { background-color: var(--black); } .footer-column { display: flex; flex-flow: column; gap: 5px; } .column-2 { display: flex; flex-flow: column; } .column-3 { display: flex; flex-flow: column; } .social-media-footer-wrapper { display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; gap: 10px; } .columns { width: 100%; } .text-field-2 { margin-bottom: 0px; } .column-4 { place-content: center; align-items: center; grid-auto-columns: 1fr; gap: 16px; grid-template-columns: 1fr; grid-template-rows: auto auto; } .div-block { display: flex; flex-flow: column; } .grid { padding-right: 40px; padding-left: 40px; place-items: center; grid-template-rows: auto; } .project-description { grid-template-rows: auto; } .project-description-grid { padding: 20px 60px; gap: 0px; grid-template-rows: auto auto auto; } .div-block-2 { background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("/assets/images/675b6062bfe69315a49d6e2b_Dealey_Plaza_Combined_Project2_TEST4_edited.jpg"); background-position: 0px 0px, 70% 30%; background-size: auto, auto; background-repeat: repeat, no-repeat; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; mix-blend-mode: luminosity; } .div-block-3 { background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("/assets/images/675b63b27c7ace170a9f8c04_Dealey_Plaza_Combined_Project2_TEST8_edited.jpg"); background-position: 0px 0px, 53% 90%; background-size: auto, auto; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; mix-blend-mode: luminosity; } .matterport-wrapper { position: static; left: 0px; width: 100vw; height: 75vh; } .list-title { text-transform: uppercase; } .div-block-4 { height: 100%; background-image: url("/assets/images/675774b5c2cb85837460e380_Textured7.JPG"); background-position: 40% 10%; background-size: auto; background-repeat: no-repeat; } .div-block-5 { background-image: url("/assets/images/675b7761cf9aa7b97f0ac68e_dealeyplaza_matterport_colorplan_combined_compressed.jpg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; } .right-justified { text-align: right; } .div-block-6 { display: flex; justify-content: flex-end; align-items: center; } .grid-2 { grid-template-columns: 1.25fr 1fr; } .div-block-7 { display: flex; flex-flow: column; } .coming-soon-image { max-width: 50vw; } .coming-soon-text { margin-bottom: 20px; } .div-block-8 { background-image: url("/assets/images/6758abc1f850119fd0bdd54a_Irving-Steph-Last-Scan.avif"); background-position: 45% 50%; background-size: cover; background-repeat: no-repeat; } .social-media-wrapper { display: flex; max-height: 50px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; justify-content: center; gap: 10px; } .social-media-wrapper.no-offset { padding-right: 0px; } .div-block-9 { padding-right: 20px; } .social-media-icon-link { display: flex; max-width: 50px; justify-content: center; } .div-block-10 { display: flex; } .transparent-overlay { position: relative; z-index: -1; background-color: rgba(255, 255, 255, 0.78); } .collection-list-wrapper-2 { flex-flow: row; } .collection-item { display: flex; width: 32%; height: auto; margin-right: 2%; margin-left: 2%; padding-bottom: 12px; flex-flow: column; justify-content: space-between; align-items: stretch; gap: 12px; border-style: solid; border-width: 1px; border-color: black; text-decoration: none; } .collection-item.-wfp-hover, .collection-item:hover { opacity: 0.5; } .product-image { } .collection-list { display: flex; } .column-5 { padding-right: 0px; padding-left: 0px; } .price-wrapper { display: flex; padding-left: 5px; gap: 1px; } .centered-button-wrap { display: flex; justify-content: center; align-items: center; } .product-link-overlay { position: absolute; inset: 0%; } .stat-heading { } .heading-2 { } .paragraph { } .conference-video { } .cadpdt-cover-image { } .div-block-11 { display: flex; } .link-block { position: absolute; inset: 0%; } .link-block-2 { position: absolute; inset: 0%; } .grid-layout { display: grid; grid-auto-columns: 1fr; gap: 0px; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); grid-template-rows: auto; } .grid-layout.grid-gap-xxl { gap: 6rem; } .grid-layout.tablet-1-column { } .grid-layout.tablet-1-column.grid-gap-xxl { } .utility-image-cover { position: relative; inset: 0%; width: 100%; height: 100%; transition-property: transform; transition-duration: 200ms; transition-timing-function: ease; object-fit: cover; object-position: 50% 50%; } .utility-image-cover.-wfp-hover, .utility-image-cover:hover { object-fit: contain; object-position: 100% 0%; } .utility-margin-bottom-0 { margin-bottom: 0rem; } .button-group { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 0.5rem; background-color: rgba(0, 0, 0, 0); } .button-group.utility-margin-top-2rem { } .utility-margin-top-2rem { margin-top: 2rem; } .featured-product-description { display: flex; flex-flow: column; justify-content: flex-start; align-items: stretch; gap: 15px; } .numbered-list { font-size: 14px; line-height: 18px; list-style-type: decimal; } .body { } } @media screen and (min-width: 1440px) { .container { margin-right: 0px; margin-left: 0px; } .intro-header { min-height: auto; } .home-content-wrap { display: flex; flex-flow: column; } } @media screen and (max-width: 991px) { .section { padding-top: 60px; padding-bottom: 60px; } .section.cc-cta { padding-right: 0px; padding-left: 0px; } .styleguide-block { text-align: center; } .primary-button { justify-content: center; } .primary-button.cc-contact-us { display: none; } .heading-jumbo { font-size: 56px; line-height: 70px; } .logo-link.w--current { flex: 1 1 0%; } .menu-icon { display: block; } .menu { position: static; margin-left: 30px; } .navigation-wrap { background-color: white; } .navigation { padding: 25px 30px; } .navigation-item { padding: 15px 30px; transition-property: background-color, opacity, color; transition-duration: 400ms, 400ms, 400ms; transition-timing-function: ease, ease, ease; text-align: center; } .navigation-item.-wfp-hover, .navigation-item:hover { background-color: rgb(247, 248, 249); } .navigation-item.-wfp-active, :where(html:not(.wf-design-mode)) .navigation-item:active { background-color: rgb(238, 240, 243); } .menu-button { padding: 0px; } .menu-button.w--open { background-color: transparent; } .navigation-items { background-color: white; } .cta-text { width: auto; } .cta-wrap { width: auto; padding: 80px 50px 90px; } .our-services-grid { width: 80%; margin-right: auto; margin-bottom: 10px; margin-left: auto; grid-template: ". ." ". ." ". ." / 1fr 1fr; text-align: center; } .service-icon { display: inline-block; } .contact-form-grid { width: 80%; margin-right: auto; margin-left: auto; row-gap: 50px; grid-template: "." "." / 1fr; text-align: center; } .get-in-touch-form { text-align: left; } .our-contacts { width: 80%; margin-right: auto; margin-left: auto; grid-template: "." "." "." / 1fr; } .team-members { grid-template: ". ." ". ." ". ." / 1fr 1fr; } .team-member-title-wrap { margin-bottom: 30px; } .project-details-grid { width: 80%; margin-right: auto; margin-left: auto; row-gap: 50px; grid-template: "." "." / 1fr; text-align: center; } .blog-detail-header-wrap { width: 70%; } .detail-header-image { height: 460px; } .blog-item { width: 80%; } .blog-preview-image { height: 460px; } .blog-summary-wrap { width: 100%; } .about-grid { row-gap: 20px; grid-template: "." minmax(300px, 1fr) "." / 1fr; text-align: center; } .about-grid.cc-about-2 { grid-template-areas: "." "."; grid-template-columns: 1fr; } .about-grid.cc-about-2.top-20px { grid-template-rows: minmax(350px, 1fr) auto; } .intro-text { width: auto; } .collection-wrap { margin-right: 0px; margin-left: 0px; flex-flow: column; align-items: center; } .blog-preview-wrap { width: 80%; padding-right: 15px; text-align: center; } .home-featured-buttons { justify-content: center; } .home-featured-buttons.coming-soon { overflow-wrap: anywhere; } .service-block { display: flex; flex-flow: column; justify-content: center; align-items: center; } .service-icon-wrapper { margin-bottom: 10px; } .image.contact-us-logo { padding-right: 60px; padding-left: 60px; } .stat-heading { font-size: 28px; line-height: 36px; } .grid-layout.tablet-1-column { grid-template-columns: 1fr; } .utility-margin-bottom-0 { margin-bottom: 0px; } } @media screen and (max-width: 767px) { .section { margin-right: 15px; margin-left: 15px; padding-top: 60px; padding-bottom: 60px; } .section.cc-cta { padding: 15px; } .section.cc-home-wrap { margin-right: 15px; margin-left: 15px; } .section.cc-store-home-wrap { margin-right: 0px; margin-left: 0px; } .container { text-align: center; } .paragraph-bigger { font-size: 16px; line-height: 28px; } .primary-button.wide.red { padding-right: 20px; padding-left: 20px; } .rich-text { width: 90%; max-width: 470px; text-align: left; } .heading-jumbo { font-size: 50px; line-height: 64px; } .heading-jumbo-small { font-size: 30px; line-height: 52px; } .logo-link { padding-left: 0px; } .navigation { padding: 20px 30px; } .cta-wrap { padding-right: 30px; padding-left: 30px; } .intro-header { margin-bottom: 60px; } .intro-content { width: 80%; } .intro-content.cc-homepage { width: 100%; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; } .intro-content.project { width: 100%; } .our-services-grid { row-gap: 60px; grid-template-areas: "." "." "." "." "." "."; grid-template-columns: 1fr; grid-template-rows: auto auto auto auto; } .status-message.cc-no-data { width: 80%; max-width: 470px; } .contact-form-wrap { padding: 30px; } .text-field.cc-contact-field { text-align: left; } .text-field.cc-textarea { text-align: left; } .team-pic { height: 300px; margin-bottom: 30px; } .team-member-name { font-size: 16px; line-height: 28px; } .project-name-wrap { margin-bottom: 30px; } .project-name-link { font-size: 16px; line-height: 28px; } .detail-image { margin-bottom: 15px; } .blog-detail-header-wrap { width: 90%; max-width: 470px; text-align: left; } .blog-item { width: 90%; max-width: 470px; } .blog-summary-wrap { text-align: center; } .utility-page-wrap { padding: 15px; } ._404-wrap { padding: 30px; } .intro-text { margin-bottom: 20px; font-size: 14px; line-height: 22px; } .secondary-button.cc-jumbo-button { padding: 10px; white-space: nowrap; } .home-featured-buttons { justify-content: center; align-items: center; gap: 16px; } .home-featured-buttons.coming-soon { flex-flow: column; } .stat-showcase { flex-flow: row; } .stat-block { padding-right: 10px; padding-left: 10px; font-size: 13px; line-height: 24px; } .grey-section.offset { margin-left: -15px; } .project-grid { grid-template-columns: 1fr 1fr 1.5fr; } .project-description-grid { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto auto; } .stat-heading { font-size: 22px; line-height: 26px; } .heading-2 { font-size: 28px; line-height: 44px; } .paragraph { font-size: 14px; } .conference-video { min-height: 360px; } .grid-layout.grid-gap-xxl { gap: 2rem; } .utility-margin-bottom-0 { margin-bottom: 0px; } .utility-margin-top-2rem { margin-top: 1rem; } } @media screen and (max-width: 479px) { h1 { font-size: 36px; line-height: 52px; } .section { margin-right: 10px; margin-left: 10px; } .primary-button.cc-jumbo-button { padding-right: 20px; padding-left: 20px; } .primary-button.blue { text-align: center; } .rich-text { width: 100%; max-width: none; } .heading-jumbo { font-size: 28px; line-height: 48px; } .heading-jumbo-small { font-size: 20px; line-height: 30px; } .paragraph-small { line-height: 22px; } .menu { margin-left: 15px; } .navigation { padding-right: 20px; padding-left: 20px; } .menu-button { flex: 0 0 auto; } .menu-button.w--open { flex: 0 0 auto; } .cta-wrap { padding-right: 15px; padding-left: 15px; } .intro-content.project { padding-right: 10%; padding-left: 10%; } .motto-wrap { margin-bottom: 40px; } .our-services-grid { row-gap: 30px; } .status-message.cc-no-data { width: 100%; } .contact-form-grid { width: 100%; } .our-contacts { width: 90%; } .team-members { grid-template: "." "." "." "." "." "." / 1fr; } .project-details-grid { width: 100%; } .blog-detail-header-wrap { width: 100%; max-width: none; } .blog-item { width: 100%; max-width: none; } .about-grid.cc-about-2.top-20px { margin-bottom: 20px; } .home-featured-buttons { flex-flow: column; justify-content: center; align-items: center; } .stat-showcase { flex-flow: column; } .project-grid { display: flex; flex-flow: column; grid-auto-flow: column; grid-template-columns: 1fr; } .social-media-footer-wrapper { justify-content: center; align-items: flex-start; } .grid { margin-bottom: 20px; grid-template-columns: 1fr; grid-template-rows: auto auto; font-size: 14px; line-height: 20px; } .project-description-grid { padding-right: 10px; padding-left: 10px; justify-content: space-around; font-size: 14px; line-height: 24px; } .div-block-4 { min-height: 360px; background-position: 50% 50%; } .div-block-5 { min-height: 360px; } .div-block-6 { justify-content: center; align-items: center; } .grid-2 { display: flex; flex-flow: column; } .collection-item { width: 45%; margin-top: 10px; } .collection-list { flex-flow: wrap; } .heading-2 { font-size: 18px; } .cadpdt-cover-image { min-height: 240px; object-fit: cover; } .utility-margin-bottom-0 { margin-bottom: 0px; } } #w-node-ca1212d8-4247-8b87-bc90-543393b118e6-5198b5e3 { grid-area: 1 / 1 / 2 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b118ec-5198b5e3 { grid-area: 1 / 2 / 2 / 3; } #w-node-ca1212d8-4247-8b87-bc90-543393b118f2-5198b5e3 { grid-area: 1 / 3 / 2 / 4; } #w-node-ca1212d8-4247-8b87-bc90-543393b118f8-5198b5e3 { grid-area: 2 / 3 / 3 / 4; } #w-node-ca1212d8-4247-8b87-bc90-543393b118fe-5198b5e3 { grid-area: 2 / 1 / 3 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b11905-5198b5e3 { grid-area: 2 / 2 / 3 / 3; } @media screen and (max-width: 991px) { #w-node-ca1212d8-4247-8b87-bc90-543393b118f2-5198b5e3 { grid-area: 2 / 1 / 3 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b118f8-5198b5e3 { grid-area: 3 / 2 / 4 / 3; } #w-node-ca1212d8-4247-8b87-bc90-543393b118fe-5198b5e3 { grid-area: 2 / 2 / 3 / 3; } #w-node-ca1212d8-4247-8b87-bc90-543393b11905-5198b5e3 { grid-area: 3 / 1 / 4 / 2; } } @media screen and (max-width: 767px) { #w-node-ca1212d8-4247-8b87-bc90-543393b118ec-5198b5e3 { grid-area: 2 / 1 / 3 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b118f2-5198b5e3 { grid-area: 3 / 1 / 4 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b118f8-5198b5e3 { grid-area: 6 / 1 / 7 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b118fe-5198b5e3 { grid-area: 4 / 1 / 5 / 2; } #w-node-ca1212d8-4247-8b87-bc90-543393b11905-5198b5e3 { grid-area: 5 / 1 / 6 / 2; } } #w-node-_3f61509a-fac7-b0d5-3763-509be705858e-5198b5e5 { grid-area: 1 / 1 / 2 / 2; } #w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-5198b5e5 { grid-area: 1 / 2 / 2 / 3; } #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb08-5198b5e5 { grid-area: 1 / 1 / 2 / 2; } #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb15-5198b5e5 { grid-area: 1 / 2 / 2 / 3; } #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb22-5198b5e5 { grid-area: 1 / 3 / 2 / 4; } @media screen and (max-width: 991px) { #w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-5198b5e5 { grid-area: 2 / 1 / 3 / 2; } #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb15-5198b5e5 { grid-area: 2 / 1 / 3 / 2; } #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb22-5198b5e5 { grid-area: 3 / 1 / 4 / 2; } } #w-node-_86e64837-0616-515b-4568-76c147234d34-5198b5e0 { grid-area: 1 / 1 / 2 / 2; } #w-node-c96fab25-02db-91dd-b440-c2b4d0770a10-5198b5e0 { } #w-node-_1f158fb8-20d9-25a4-5777-1bee57f2cec5-5198b5e0 { grid-area: 1 / 1 / 2 / 2; } #w-node-_1f158fb8-20d9-25a4-5777-1bee57f2cecb-5198b5e0 { grid-area: 1 / 2 / 2 / 3; } #w-node-_1f158fb8-20d9-25a4-5777-1bee57f2ced1-5198b5e0 { grid-area: 1 / 3 / 2 / 4; } #w-node-ee93933b-acb5-c053-604c-c51d4c1293e3-5198b5e0 { grid-area: 1 / 4 / 2 / 5; } #w-node-_25f88b53-97c1-80f0-be20-3847ce723dd9-5198b5e0 { } #w-node-_86e64837-0616-515b-4568-76c147234d41-5198b5e0 { grid-area: 1 / 2 / 2 / 3; } #w-node-c5102ab8-ebb6-e367-5481-37f642a60a5a-5198b5e0 { grid-area: span 1 / span 2 / span 1 / span 2; align-self: end; } #w-node-fc51ad44-a094-50ae-a581-62a4a0b4c111-5198b5e0 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: end; } #w-node-_70e483f3-fa0e-ff55-3523-31082ff75816-5198b5e0 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: end; } #w-node-a19db703-0fd1-2f46-92c4-fa3629628edf-5198b5e0 { grid-area: span 1 / span 2 / span 1 / span 2; align-self: end; } @media screen and (max-width: 991px) { #w-node-_86e64837-0616-515b-4568-76c147234d34-5198b5e0 { grid-area: 2 / 1 / 3 / 2; } #w-node-_1f158fb8-20d9-25a4-5777-1bee57f2ced1-5198b5e0 { grid-area: 2 / 1 / 3 / 2; } #w-node-ee93933b-acb5-c053-604c-c51d4c1293e3-5198b5e0 { grid-area: 2 / 2 / 3 / 3; } #w-node-_86e64837-0616-515b-4568-76c147234d41-5198b5e0 { grid-area: 2 / 1 / 3 / 2; } } @media screen and (max-width: 767px) { #w-node-_1f158fb8-20d9-25a4-5777-1bee57f2cecb-5198b5e0 { grid-area: 2 / 1 / 3 / 2; } #w-node-_1f158fb8-20d9-25a4-5777-1bee57f2ced1-5198b5e0 { grid-area: 3 / 1 / 4 / 2; } #w-node-ee93933b-acb5-c053-604c-c51d4c1293e3-5198b5e0 { grid-area: 4 / 1 / 5 / 2; } #w-node-_86e64837-0616-515b-4568-76c147234d41-5198b5e0 { grid-area: 2 / 1 / 3 / 2; } } #w-node-_926a8e29-ba70-747e-61a0-1ba5b66b7fde-25e4d52e { } #w-node-b84f3002-a6c8-b875-42f4-4ba0c1102c07-25e4d52e { } #w-node-_2ec587a8-dd8e-3c24-e588-4d073e463211-25e4d52e { grid-area: span 3 / span 1 / span 3 / span 1; } #w-node-_599e5961-daae-e550-5f03-421c588b43b8-25e4d52e { } #w-node-ab50fab0-1d94-f6ea-e275-56bd0802a7cc-25e4d52e { } #w-node-_287d588d-f17a-35d6-ad15-77522238282e-25e4d52e { justify-self: center; } #w-node-e4635c15-3771-f879-50f4-e091231c1790-5198b5e6 { } #w-node-e6e247cf-ed47-5f46-56ea-3734b9d42fb4-5198b5e6 { justify-self: center; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_47b9ba9c-5ebe-fa92-d104-d57eae2aaea8-5198b5e6 { } #w-node-_2d97b0e9-df95-aa1a-77e4-2f22dd8b880b-5198b5e6 { } #w-node-_0c432056-a7ae-157a-5df2-f7f0895c56ec-5198b5e6 { } #w-node-_4cebb34a-fed7-bf9f-11e3-0f1dc4cda631-5198b5e6 { } #w-node-a77fda2d-f391-100e-7939-6cc3a870b4f1-5198b5e6 { } #w-node-_7c419c1d-e464-d708-d146-9c275141dc80-5198b5e6 { } #w-node-_970abe30-e470-84a1-609e-c8fa89cc6994-5198b5e6 { } #w-node-d5906bea-c515-50a9-a534-95fd23835e8d-5198b5e6 { } #w-node-_1aadef8d-14f0-2e21-2a51-9f3cb1dde02c-5198b5e6 { } #w-node-_6c91436a-669c-8d14-d218-93137fc5e087-7fc5e082.w-node-_1aadef8d-14f0-2e21-2a51-9f3cb1dde034-5198b5e6 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-_6c91436a-669c-8d14-d218-93137fc5e087-7fc5e082.w-node-_1aadef8d-14f0-2e21-2a51-9f3cb1dde034-5198b5e6 { order: -9999; } } @media screen and (max-width: 767px) { #w-node-e6e247cf-ed47-5f46-56ea-3734b9d42fb4-5198b5e6 { justify-self: center; grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-_09181bc8-ed00-3a89-b81d-ca014f864bfc-5198b5e6 { grid-area: span 1 / span 1 / span 1 / span 1; } } /* ========================================================================== INTENTIONAL DEVIATIONS FROM THE WEBFLOW CLONE ========================================================================== Everything else in the build is a faithful reproduction of the Webflow site. This file is the ONLY place where the output deliberately differs, so the deviation stays auditable and can be removed by deleting one file. Both rules below fix pre-existing mobile issues found by verify/responsive.mjs. They are inherited from Webflow's own CSS, not introduced by the migration. SCOPED TO max-width: 991px ON PURPOSE. Webflow's desktop breakpoint is 992px, and the visual parity gate compares against a 1280px golden. Scoping these to mobile and tablet means desktop rendering stays byte-identical to Webflow and the parity gate keeps its meaning. It also targets the platform where each problem actually exists: iOS focus-zoom and touch targets are not desktop concerns. ========================================================================== */ @media screen and (max-width: 991px) { /* -------------------------------------------------------------------- 1. iOS zooms the whole page when a focused input has font-size < 16px. Webflow ships .w-input at 14px, so tapping any field on an iPhone jerks the page in and the visitor has to pinch back out. Measured on 3 inputs per page, 8 on /contact. 16px is the exact threshold: it is the smallest size that does not trigger the zoom, so this is the minimum change that fixes it. -------------------------------------------------------------------- */ .w-input, .w-select, textarea.w-input, .text-field, .text-field-2 { font-size: 16px; } /* -------------------------------------------------------------------- 2. WCAG 2.2 AA (2.5.8) sets a 24px minimum target size. The footer contact links render 22px tall, 2px short. They are standalone links in a contact block, not prose, so the spec's inline-text exemption does not apply to them. min-height plus inline-flex raises the hit area to 24px without changing the text size or the link's horizontal position. -------------------------------------------------------------------- */ a.paragraph-small, .footer-link, .contact-email-link { display: inline-flex; align-items: center; min-height: 24px; } }