/*
Theme Name: Ambri
Theme URI: 
Description: Custom theme for Ambri
Author: Rebecca Miller and Scott Poulin
Version: 0.2
*/
@font-face { font-family: 'TG'; src: url("fonts/tg-boldextended.woff2") format("woff2"), url("fonts/tg-boldextended.woff") format("woff"), url("fonts/tg-boldextended.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'TG'; src: url("fonts/tg-extended.woff2") format("woff2"), url("fonts/tg-extended.woff") format("woff"), url("fonts/tg-extended.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'TGB2'; src: url("fonts/tg-boldtwo.woff2") format("woff2"), url("fonts/tg-boldtwo.woff") format("woff"), url("fonts/tg-boldtwo.ttf") format("truetype"); font-weight: normal; font-style: normal; }

.bg-black, .has-black-background-color { background-color: black !important; }

.bg-black, .bg-black a:hover, .has-black-background-color, .has-black-background-color a:hover { color: white; }

.border-black { border: 2px solid black; }

.text-black, .text-black > * { color: black !important; }

.bg-blue, .has-blue-background-color { background-color: #0073d0 !important; }

.bg-blue, .bg-blue a:hover, .has-blue-background-color, .has-blue-background-color a:hover { color: white; }

.border-blue { border: 2px solid #0073d0; }

.text-blue, .text-blue > * { color: #0073d0 !important; }

.bg-blue-light, .has-blue-light-background-color { background-color: #abcae7 !important; }

.border-blue-light { border: 2px solid #abcae7; }

.text-blue-light, .text-blue-light > * { color: #abcae7 !important; }

.bg-orange, .has-orange-background-color { background-color: #ff5113 !important; }

.bg-orange, .bg-orange a:hover, .has-orange-background-color, .has-orange-background-color a:hover { color: white; }

.border-orange { border: 2px solid #ff5113; }

.text-orange, .text-orange > * { color: #ff5113 !important; }

.bg-white, .has-white-background-color { background-color: white !important; }

.border-white { border: 2px solid white; }

.text-white, .text-white > * { color: white !important; }

/* global stuff, in alphabetical order */
html { font-size: 16px; }

body { background: white; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

body, input, select, textarea { font: 1rem/1.4 TG, Verdana, Geneva, sans-serif; color: black; }

a { position: relative; text-decoration: none; color: black; font-weight: bold; transition: color .3s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; }

a:hover { color: #0073d0; }

a:hover img { transform: scale(1.05, 1.05); }

a:active { background-color: transparent; }

a img { transform: scale(1, 1); transition: transform .5s; }

.base-button-style, .mce-content-body .button, .acf-block-preview .button, footer button, footer .button, footer .checkout-button, footer input[type=button], footer input[type=submit], footer input[type=reset], header button, header .button, header .checkout-button, header input[type=button], header input[type=submit], header input[type=reset], main button, main .button, main .checkout-button, main input[type=button], main input[type=submit], main input[type=reset], footer .wp-block-button__link, main .wp-block-button__link, .editor-writing-flow .wp-block-button__link { cursor: pointer; display: inline-block; line-height: 1; background: black; transition: transform .3s, background-color .3s; font-size: 1rem; color: white; padding: .5em .75em; border: none; -webkit-appearance: none; border-radius: 0; font-weight: bold; font-family: TG, Verdana, Geneva, sans-serif; }

.base-button-style:hover, .mce-content-body .button:hover, .acf-block-preview .button:hover, footer button:hover, footer .button:hover, footer .checkout-button:hover, footer input:hover[type=button], footer input:hover[type=submit], footer input:hover[type=reset], header button:hover, header .button:hover, header .checkout-button:hover, header input:hover[type=button], header input:hover[type=submit], header input:hover[type=reset], main button:hover, main .button:hover, main .checkout-button:hover, main input:hover[type=button], main input:hover[type=submit], main input:hover[type=reset], footer .wp-block-button__link:hover, main .wp-block-button__link:hover, .editor-writing-flow .wp-block-button__link:hover, .base-button-style:active, .mce-content-body .button:active, .acf-block-preview .button:active, footer button:active, footer .button:active, footer .checkout-button:active, footer input:active[type=button], footer input:active[type=submit], footer input:active[type=reset], header button:active, header .button:active, header .checkout-button:active, header input:active[type=button], header input:active[type=submit], header input:active[type=reset], main button:active, main .button:active, main .checkout-button:active, main input:active[type=button], main input:active[type=submit], main input:active[type=reset], footer .wp-block-button__link:active, main .wp-block-button__link:active, .editor-writing-flow .wp-block-button__link:active { transform: scale(1.05, 1.05); background-color: #0073d0; }

footer p > img, main p > img, .editor-writing-flow p > img { height: auto; }

b, strong { font-weight: bold; }

big, .big { font-size: 1.375em; }

footer, header, main section { padding-left: 1.25rem; padding-right: 1.25rem; clear: both; }

footer .hidden, header .hidden, main .hidden { display: none; }

footer input[type=radio], footer input[type=checkbox], header input[type=radio], header input[type=checkbox], main input[type=radio], main input[type=checkbox] { cursor: pointer; width: 1rem; height: 1rem; vertical-align: text-bottom; margin-right: .25rem; }

footer input[type=date], footer input[type=datetime], footer input[type=datetime-local], footer input[type=email], footer input[type=month], footer input[type=number], footer input[type=password], footer input[type=tel], footer input[type=text], footer input[type=time], footer input[type=url], footer input[type=week], footer select, footer textarea, header input[type=date], header input[type=datetime], header input[type=datetime-local], header input[type=email], header input[type=month], header input[type=number], header input[type=password], header input[type=tel], header input[type=text], header input[type=time], header input[type=url], header input[type=week], header select, header textarea, main input[type=date], main input[type=datetime], main input[type=datetime-local], main input[type=email], main input[type=month], main input[type=number], main input[type=password], main input[type=tel], main input[type=text], main input[type=time], main input[type=url], main input[type=week], main select, main textarea { color: black; background: #cfd5e1; -webkit-appearance: none; border: none; outline: none; border-radius: 0; padding: .25rem .5rem; transition: all .3s; width: 100%; }

footer input[type=date]:active, footer input[type=date]:focus, footer input[type=date].valid, footer input[type=datetime]:active, footer input[type=datetime]:focus, footer input[type=datetime].valid, footer input[type=datetime-local]:active, footer input[type=datetime-local]:focus, footer input[type=datetime-local].valid, footer input[type=email]:active, footer input[type=email]:focus, footer input[type=email].valid, footer input[type=month]:active, footer input[type=month]:focus, footer input[type=month].valid, footer input[type=number]:active, footer input[type=number]:focus, footer input[type=number].valid, footer input[type=password]:active, footer input[type=password]:focus, footer input[type=password].valid, footer input[type=tel]:active, footer input[type=tel]:focus, footer input[type=tel].valid, footer input[type=text]:active, footer input[type=text]:focus, footer input[type=text].valid, footer input[type=time]:active, footer input[type=time]:focus, footer input[type=time].valid, footer input[type=url]:active, footer input[type=url]:focus, footer input[type=url].valid, footer input[type=week]:active, footer input[type=week]:focus, footer input[type=week].valid, footer select:active, footer select:focus, footer select.valid, footer textarea:active, footer textarea:focus, footer textarea.valid, header input[type=date]:active, header input[type=date]:focus, header input[type=date].valid, header input[type=datetime]:active, header input[type=datetime]:focus, header input[type=datetime].valid, header input[type=datetime-local]:active, header input[type=datetime-local]:focus, header input[type=datetime-local].valid, header input[type=email]:active, header input[type=email]:focus, header input[type=email].valid, header input[type=month]:active, header input[type=month]:focus, header input[type=month].valid, header input[type=number]:active, header input[type=number]:focus, header input[type=number].valid, header input[type=password]:active, header input[type=password]:focus, header input[type=password].valid, header input[type=tel]:active, header input[type=tel]:focus, header input[type=tel].valid, header input[type=text]:active, header input[type=text]:focus, header input[type=text].valid, header input[type=time]:active, header input[type=time]:focus, header input[type=time].valid, header input[type=url]:active, header input[type=url]:focus, header input[type=url].valid, header input[type=week]:active, header input[type=week]:focus, header input[type=week].valid, header select:active, header select:focus, header select.valid, header textarea:active, header textarea:focus, header textarea.valid, main input[type=date]:active, main input[type=date]:focus, main input[type=date].valid, main input[type=datetime]:active, main input[type=datetime]:focus, main input[type=datetime].valid, main input[type=datetime-local]:active, main input[type=datetime-local]:focus, main input[type=datetime-local].valid, main input[type=email]:active, main input[type=email]:focus, main input[type=email].valid, main input[type=month]:active, main input[type=month]:focus, main input[type=month].valid, main input[type=number]:active, main input[type=number]:focus, main input[type=number].valid, main input[type=password]:active, main input[type=password]:focus, main input[type=password].valid, main input[type=tel]:active, main input[type=tel]:focus, main input[type=tel].valid, main input[type=text]:active, main input[type=text]:focus, main input[type=text].valid, main input[type=time]:active, main input[type=time]:focus, main input[type=time].valid, main input[type=url]:active, main input[type=url]:focus, main input[type=url].valid, main input[type=week]:active, main input[type=week]:focus, main input[type=week].valid, main select:active, main select:focus, main select.valid, main textarea:active, main textarea:focus, main textarea.valid { background-color: #e2e8f1; outline: none; }

footer input[type=date].error, footer input[type=datetime].error, footer input[type=datetime-local].error, footer input[type=email].error, footer input[type=month].error, footer input[type=number].error, footer input[type=password].error, footer input[type=tel].error, footer input[type=text].error, footer input[type=time].error, footer input[type=url].error, footer input[type=week].error, footer select.error, footer textarea.error, header input[type=date].error, header input[type=datetime].error, header input[type=datetime-local].error, header input[type=email].error, header input[type=month].error, header input[type=number].error, header input[type=password].error, header input[type=tel].error, header input[type=text].error, header input[type=time].error, header input[type=url].error, header input[type=week].error, header select.error, header textarea.error, main input[type=date].error, main input[type=datetime].error, main input[type=datetime-local].error, main input[type=email].error, main input[type=month].error, main input[type=number].error, main input[type=password].error, main input[type=tel].error, main input[type=text].error, main input[type=time].error, main input[type=url].error, main input[type=week].error, main select.error, main textarea.error { background-color: #FFEFEA; border-color: #FF9184; }

footer input[type=date], footer input[type=datetime], footer input[type=datetime-local], footer input[type=email], footer input[type=month], footer input[type=number], footer input[type=password], footer input[type=tel], footer input[type=text], footer input[type=time], footer input[type=url], footer input[type=week], footer select, header input[type=date], header input[type=datetime], header input[type=datetime-local], header input[type=email], header input[type=month], header input[type=number], header input[type=password], header input[type=tel], header input[type=text], header input[type=time], header input[type=url], header input[type=week], header select, main input[type=date], main input[type=datetime], main input[type=datetime-local], main input[type=email], main input[type=month], main input[type=number], main input[type=password], main input[type=tel], main input[type=text], main input[type=time], main input[type=url], main input[type=week], main select { height: 3rem; }

footer select, header select, main select { -webkit-appearance: menulist; }

footer ::-webkit-input-placeholder, header ::-webkit-input-placeholder, main ::-webkit-input-placeholder { color: black; }

footer :-moz-placeholder, header :-moz-placeholder, main :-moz-placeholder { color: black; }

footer ::-moz-placeholder, header ::-moz-placeholder, main ::-moz-placeholder { color: black; }

footer :-ms-input-placeholder, header :-ms-input-placeholder, main :-ms-input-placeholder { color: black; }

footer p, header p, main p { margin: 0 0 1rem; }

footer section, main section { position: relative; min-height: 100px; padding-top: 3rem; padding-bottom: 3rem; }

footer section img, main section img { max-width: 100%; }

footer section img[src*=".jpg"][height], footer section img[src*=".jpeg"][height], footer section img[src*=".gif"][height], footer section img[src*=".png"][height], main section img[src*=".jpg"][height], main section img[src*=".jpeg"][height], main section img[src*=".gif"][height], main section img[src*=".png"][height] { height: auto !important; }

footer .no-margin, main .no-margin, .editor-writing-flow .no-margin { margin: 0; }

footer ol, footer ul, main ol, main ul, .editor-writing-flow ol, .editor-writing-flow ul { padding-left: 40px; margin: 0 0 1rem; }

footer ol li, footer ul li, main ol li, main ul li, .editor-writing-flow ol li, .editor-writing-flow ul li { margin-bottom: .5rem; }

footer ol li:last-child, footer ul li:last-child, main ol li:last-child, main ul li:last-child, .editor-writing-flow ol li:last-child, .editor-writing-flow ul li:last-child { margin-bottom: 0; }

footer ol li, main ol li, .editor-writing-flow ol li { list-style: outside decimal; }

footer ul li, main ul li, .editor-writing-flow ul li { list-style: outside disc; }

footer { position: relative; height: 90px; padding-top: 2rem; padding-bottom: 1rem; font-size: .8rem; }

footer .wp-block-columns { flex-wrap: nowrap; }

footer .wp-block-columns .wp-block-column:first-child { flex-basis: 80%; }

footer .wp-block-columns .wp-block-column:last-child { flex-basis: 20%; }

h1 { font-size: 2rem; }

h2 { font-size: 2rem; }

h3 { font-size: 1.1666rem; }

h4 { font-size: 1rem; }

h5 { font-size: 1rem; }

h6 { font-size: 1rem; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; font-weight: normal; }

h1, h2 { color: #ff5113; line-height: 1.1; }

h3 { color: #0073d0; }

h4 { font-weight: bold; }

hr, hr.wp-block-separator, hr.wp-block-separator.is-style-wide { border: none; height: 0px; overflow: hidden; border-bottom: 2px solid black; clear: both; margin: 1.5rem 0; }

header { position: fixed; width: 100%; top: 0; left: 0; z-index: 100; background: white; transition: padding .3s, height .3s, background-color .3s; height: 80px; padding-top: 12px; }

header.scrolling { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }

header a[href="#mobile-menu"] { position: absolute; top: 50%; margin-top: -12px; right: 1.25rem; z-index: 55; overflow: hidden; text-indent: 1000%; white-space: nowrap; width: 36px; height: 24px; border-top: 3px solid black; border-bottom: 3px solid black; }

header a[href="#mobile-menu"], header a[href="#mobile-menu"]:after { transition: border-color .3s; }

header a[href="#mobile-menu"]:after { content: ""; height: 0; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -1.5px; border-bottom: 3px solid black; }

header a[href="#mobile-menu"]:hover, header a[href="#mobile-menu"]:hover:after { border-color: #0073d0; }

header .logo { width: 152px; height: 35px; transition: transform .3s; position: relative; z-index: 70; margin-bottom: .2rem; }

header .logo:hover { transform: scale(1.05, 1.05); }

header .logo-container { color: #0073d0; }

header nav { position: absolute; z-index: 50; left: 0; top: 100%; height: 0; width: 100%; padding: 0 1.25rem; overflow: hidden; transition: height .3s; background: white; text-align: center; }

header nav.open { height: calc( 100vh - 80px); overflow: auto; }

header nav a { font-weight: bold; text-transform: uppercase; padding: .3rem; display: block; }

header nav .sub-menu { padding: .5rem 1rem 1rem; }

header nav > ul { margin-top: 2rem; }

header nav > ul > li { margin-bottom: 1rem; }

header nav > ul > li.current_page_item a { color: #0073d0; }

.logo { display: block; overflow: hidden; text-indent: 1000%; white-space: nowrap; width: 228px; height: 53px; background: url(images/Logo.png) no-repeat left top; background-size: contain; }

main { overflow: hidden; padding-top: 80px; }

main .position-absolute { position: absolute; z-index: 10; }

main section { background: white; }

main section:first-of-type *:last-child { margin-bottom: 0; }

main .slick-slider .slick-dots li button, main .slick-slider .slick-prev, main .slick-slider .slick-next { overflow: hidden; text-indent: 150%; white-space: nowrap; padding: 0; }

main .slick-slider .slick-dots { padding: 0; text-align: center; margin-top: 1.5rem; }

main .slick-slider .slick-dots li { list-style: none; display: inline-block; margin: 0 .35rem; }

main .slick-slider .slick-dots li, main .slick-slider .slick-dots li button { outline: none; }

main .slick-slider .slick-dots li button { width: 14px; height: 14px; border-radius: 100%; background: #e1e1e1; transition: background-color .3s; }

main .slick-slider .slick-dots li.slick-active button { background-color: #6cb33f; }

main .slick-slider .slick-prev, main .slick-slider .slick-next { position: absolute; z-index: 20; top: 50%; margin-top: -20px; width: 30px; height: 30px; background: none; border-left: 3px solid white; border-top: 3px solid white; transition: border-color .3s; outline: none; }

main .slick-slider .slick-prev:hover, main .slick-slider .slick-next:hover { border-color: #ccc; }

main .slick-slider .slick-prev { transform: rotate(315deg); left: 5px; }

main .slick-slider .slick-next { transform: rotate(135deg); right: 5px; }

main .slick-slider .slick-slide { height: inherit; }

main .slick-slider .slick-track { display: flex; }

.modal { display: block; width: 96%; max-width: 960px; height: auto; display: none; position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; }

.modal > div { margin: 1vw; }

.modal .close, .team-bio .close { position: absolute; display: block; right: 0; top: 0; width: 36px; height: 36px; font-family: TG, Arial, Helvetica, sans-serif; font-size: 60px; line-height: .35; font-weight: 300; text-decoration: none; text-align: center; z-index: 100; transform: rotate(45deg); }

.modal .close:hover, .team-bio .close:hover { text-decoration: none; }

.overlay { width: 100%; height: 100%; position: fixed; z-index: 1000; left: 0px; top: 0px; background: #000; opacity: .8; display: none; zoom: 1; }

p.vertical-center img { display: inline-block; vertical-align: middle; margin: .75rem 1rem; }

.page-numbers { display: inline-block; vertical-align: top; padding: .25rem .5rem; }

.ratio { position: relative; height: 0; width: 100%; padding: 0; overflow: hidden; }

.ratio > *, .ratio .touch-helper, .ratio .double-touch { position: absolute !important; left: 0; width: 100%; top: 0; }

.ratio img, .ratio iframe, .ratio video { position: absolute; left: 0; width: 100%; top: 0; }

.ratio iframe, .ratio video, .ratio .touch-helper, .ratio .double-touch { height: 100%; }

.ratio.ratio-16-7 { padding-bottom: 43.75%; }

.ratio.ratio-16-8 { padding-bottom: 50%; }

.ratio.ratio-16-9 { padding-bottom: 56.25%; }

.ratio.ratio-16-10 { padding-bottom: 62.5%; }

.ratio.ratio-16-11 { padding-bottom: 68.75%; }

.ratio.ratio-16-12 { padding-bottom: 75%; }

.ratio.ratio-9-16 { padding-bottom: 177.77%; }

.ratio.ratio-12-16 { padding-bottom: 133.33%; }

.max-width-10em { max-width: 10em !important; margin-left: auto; margin-right: auto; }

.max-width-12em { max-width: 12em !important; margin-left: auto; margin-right: auto; }

.max-width-15em { max-width: 15em !important; margin-left: auto; margin-right: auto; }

.max-width-20em { max-width: 20em !important; margin-left: auto; margin-right: auto; }

.max-width-25em { max-width: 25em !important; margin-left: auto; margin-right: auto; }

.max-width-30em { max-width: 30em !important; margin-left: auto; margin-right: auto; }

.max-width-35em { max-width: 35em !important; margin-left: auto; margin-right: auto; }

.max-width-40em { max-width: 40em !important; margin-left: auto; margin-right: auto; }

small, .small { font-size: .75em; }

.social, #menu-social-icons { padding: 0; }

.social a, #menu-social-icons a { display: inline-block; margin-left: 5px; margin-right: 5px; opacity: 1; position: relative; }

.social a, .social a:after, #menu-social-icons a, #menu-social-icons a:after { overflow: hidden; text-indent: 1000%; white-space: nowrap; width: 26px; height: 26px; background: url(images/Social-Icons.svg) no-repeat left top; background-size: 260px; transition: opacity .3s; }

.social a:after, #menu-social-icons a:after { content: ""; display: block; position: absolute; left: 0; top: 0; background-position: left 49%; opacity: 0; }

.social a:hover:after, #menu-social-icons a:hover:after { opacity: 1; }

.social a[href*="instagram.com"], #menu-social-icons a[href*="instagram.com"] { background-position: 17% top; }

.social a[href*="instagram.com"]:after, #menu-social-icons a[href*="instagram.com"]:after { background-position: 17% 49%; }

.social a[href*="linkedin.com"], #menu-social-icons a[href*="linkedin.com"] { background-position: 33.3333% top; }

.social a[href*="linkedin.com"]:after, #menu-social-icons a[href*="linkedin.com"]:after { background-position: 33.3333% 49%; }

.social a[href*="pinterest.com"], #menu-social-icons a[href*="pinterest.com"] { background-position: 50% top; }

.social a[href*="pinterest.com"]:after, #menu-social-icons a[href*="pinterest.com"]:after { background-position: 50% 49%; }

.social a[href*="twitter.com"], #menu-social-icons a[href*="twitter.com"] { background-position: 66.6666% top; }

.social a[href*="twitter.com"]:after, #menu-social-icons a[href*="twitter.com"]:after { background-position: 66.6666% 49%; }

.social a[href*="youtube.com"], #menu-social-icons a[href*="youtube.com"] { background-position: 83.3333% top; }

.social a[href*="youtube.com"]:after, #menu-social-icons a[href*="youtube.com"]:after { background-position: 83.3333% 49%; }

.social a[href*="mailto:"], .social a[href*="/contact-us/"], #menu-social-icons a[href*="mailto:"], #menu-social-icons a[href*="/contact-us/"] { background-position: right top; }

.social a[href*="mailto:"]:after, .social a[href*="/contact-us/"]:after, #menu-social-icons a[href*="mailto:"]:after, #menu-social-icons a[href*="/contact-us/"]:after { background-position: right 49%; }

.social li, #menu-social-icons li { list-style: none; display: inline; }

sup { font-size: .5em; vertical-align: .8em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-weight-400, .text-weight-normal { font-weight: 400; }

.archive time, .blog time, .single time, .post-grid time { display: block; color: #999; margin-bottom: 1rem !important; }

.benefits main section:first-of-type .section-bg, .company main section:first-of-type .section-bg, .contact main section:first-of-type .section-bg { background-position: center bottom; background-size: 100%; }

.benefits main section:first-of-type { min-height: 70vw; }

.careers main section:first-of-type .wp-block-image-stack { max-width: 1350px; margin-left: auto; margin-right: auto; }

.careers .company-values li { list-style: none; }

.careers .company-values li:not(:last-child):after { content: ""; display: block; width: 20%; margin: .75rem auto; border-bottom: 1px solid black; }

.careers .company-values ul { padding: 0; text-align: center; font-size: .9rem; }

.company main section:first-of-type { padding-bottom: 25%; }

.company main section:first-of-type .wp-block-image-stack { margin-top: 1rem; margin-left: auto; margin-right: auto; max-width: 548px; }

.contact main section:first-of-type { padding-bottom: 10%; }

.home.intro h2 { font-size: 1.6666rem; }

.post-grid figure { position: relative; height: 0; padding-bottom: 100%; overflow: hidden; }

.post-grid figure a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform .3s; }

.post-grid figure a:hover { transform: scale(1.05, 1.05); }

.post-grid h2 { font-size: 1rem !important; margin-bottom: 0; }

.post-grid h2 a { color: #0073d0; }

.post-grid > .has-2-columns { margin-bottom: 4rem; }

.post-grid > .has-2-columns .has-2-columns > .wp-block-column:first-child { margin-right: 0; }

.post-grid time, .post-grid time + p { font-size: .84rem; }

.single .post-thumbnail { margin: 1rem 0; }

.team-bio { position: relative; display: none; margin: -1rem 0 3rem; padding-right: 35px; }

.team-grid .wp-block-column { text-align: center; }

.team-grid .wp-block-column > a.bio-thumbnail { font-weight: normal; display: block; margin-bottom: 1rem; text-align: left; transition: opacity .3s; }

.team-grid .wp-block-column > a.bio-thumbnail img { display: block; margin-bottom: .75rem; }

.team-grid .wp-block-column > a.bio-thumbnail.inactive { opacity: .4; }

.team-grid .wp-block-column.team-bio, .team-grid .team-bio .wp-block-column { text-align: left; }

.technology main section:first-of-type { padding-bottom: 15%; }

.technology main section:first-of-type .section-bg { background-position: right bottom; background-size: 70%; }

.technology main section:first-of-type .wp-block-image-stack { margin-top: 1.5rem; }

.technology .wp-block-table { font-family: TGB2, Arial, Helvetica, sans-serif; }

.technology .wp-block-table.is-style-stripes tr:nth-child(odd) { background: #d7e6f4; }

.technology .wp-block-table td { display: block; }

.technology .wp-block-table td:first-child { padding-bottom: 0; white-space: pre-wrap; word-break: break-word; }

.technology .wp-block-table td:last-child { padding-top: 0; white-space: nowrap; }

main .wp-block-mkl-section-block:first-of-type .section-bg.bg__fixed { background-attachment: local; position: fixed; bottom: auto; height: 100vh; transition: height 1s cubic-bezier(0, 0.4, 0.3, 1); }

@media (max-width: 779px) { main .wp-block-columns.wrap-reverse { flex-wrap: wrap-reverse; } }

@media (min-width: 780px) { main .wp-block-column { margin-bottom: 0; } }

main .has-2-columns .wp-block-column > .wp-block-image.image-fills-column { max-width: none; margin-left: -1.25rem; margin-right: -1.25rem; }

main .has-2-columns .wp-block-column > .wp-block-image.image-fills-column img { width: 100%; height: auto; }

@media (min-width: 480px) { main .has-2-columns .wp-block-column > .wp-block-image.image-fills-column { margin-left: -2rem; margin-right: -2rem; } }

@media (min-width: 780px) { main .has-2-columns .wp-block-column:first-child > .wp-block-image.image-fills-column { margin-right: -32px; }
  main .has-2-columns .wp-block-column:last-child > .wp-block-image.image-fills-column { margin-left: -32px; } }

@media (min-width: 1200px) { main .has-2-columns .wp-block-column:first-child > .wp-block-image.image-fills-column { margin-left: -2.5rem; }
  main .has-2-columns .wp-block-column:last-child > .wp-block-image.image-fills-column { margin-right: -2.5rem; } }

@media (min-width: 1300px) { main .has-2-columns .wp-block-column:first-child > .wp-block-image.image-fills-column { margin-left: -4vw; }
  main .has-2-columns .wp-block-column:last-child > .wp-block-image.image-fills-column { margin-right: -4vw; } }

@media (min-width: 1400px) { main .has-2-columns .wp-block-column:first-child > .wp-block-image.image-fills-column { margin-left: -5vw; }
  main .has-2-columns .wp-block-column:last-child > .wp-block-image.image-fills-column { margin-right: -5vw; } }

main section > .has-2-columns .wp-block-column > .wp-block-image.image-fills-column { margin-top: -3rem; }

@media (min-width: 780px) { main section > .has-2-columns .wp-block-column > .wp-block-image.image-fills-column { margin-bottom: -3rem; } }

@media (min-width: 1600px) { main section > .has-2-columns .wp-block-column > .wp-block-image.image-fills-column { margin-top: -4rem; margin-bottom: -4rem; } }

main .wp-block-image img { display: block; width: 100%; height: auto; }

main .wp-block-column.image-background, .editor-writing-flow .wp-block-column.image-background { position: relative; display: flex; flex-direction: column; justify-content: center; }

main .wp-block-column.image-background > *:not(:first-child), .editor-writing-flow .wp-block-column.image-background > *:not(:first-child) { position: relative; }

main .wp-block-column.image-background > *:last-child, .editor-writing-flow .wp-block-column.image-background > *:last-child { margin-bottom: 0; }

main .wp-block-column.image-background .wp-block-image:first-child, .editor-writing-flow .wp-block-column.image-background .wp-block-image:first-child { position: absolute; z-index: 0; width: 100%; height: 100%; }

main .wp-block-column.image-background .wp-block-image:first-child img, .editor-writing-flow .wp-block-column.image-background .wp-block-image:first-child img { min-width: 100%; min-height: 100%; top: 0; left: 0; }

main .wp-block-image.no-margin img, .editor-writing-flow .wp-block-image.no-margin img { display: block; }

#tinymce { background: #f0f0f0; }

.fullwidth-slider.slick-slider .slide { background-position: left bottom; background-size: cover; padding: 2rem; display: flex !important; align-items: flex-end; }

.fullwidth-slider.slick-slider .slide article { width: 100%; }

.fullwidth-slider.slick-slider .slide .button { margin-top: 1rem; white-space: nowrap; }

@media (min-width: 1000px) { .fullwidth-slider.slick-slider .slide { padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 1200px) { .fullwidth-slider.slick-slider .slide { padding-bottom: 3.5rem; }
  .fullwidth-slider.slick-slider .slide article { display: flex; align-items: flex-start; justify-content: space-between; }
  .fullwidth-slider.slick-slider .slide .button { margin-top: .35rem; } }

@media (min-width: 1300px) { .fullwidth-slider.slick-slider .slide { padding-left: 4vw; padding-right: 4vw; } }

@media (min-width: 1400px) { .fullwidth-slider.slick-slider .slide { padding-left: 5vw; padding-right: 5vw; } }

@media (orientation: landscape) { .fullwidth-slider.slick-slider, .fullwidth-slider.slick-slider .slide { height: 41.5vw; } }

@media (orientation: portrait) { .fullwidth-slider.slick-slider, .fullwidth-slider.slick-slider .slide { min-height: calc( 100vh - 170px); } }

.acf-block-preview .slide { padding: 2rem; }

.wp-block-image-stack { position: relative; }

.wp-block-image-stack img, .wp-block-image-stack svg { display: block; opacity: 0; width: 100%; }

.wp-block-image-stack img:not(:first-child), .wp-block-image-stack svg:not(:first-child) { position: absolute; top: 0; left: 0; }

.wp-block-image-stack img.image-stack-overlay, .wp-block-image-stack svg.image-stack-overlay { opacity: 1; }

.acf-block-preview .custom-post-grid .has-2-columns, .acf-block-preview .custom-post-grid .has-3-columns { display: flex; }

.acf-block-preview .custom-post-grid .has-2-columns .wp-block-column { flex-basis: 50%; }

.acf-block-preview .custom-post-grid .has-3-columns .wp-block-column { flex-basis: 33.3333%; }

@media (min-width: 480px) { footer, header, main section { padding-left: 2rem; padding-right: 2rem; }
  header a[href="#mobile-menu"] { right: 2rem; } }

@media (min-width: 640px) and (max-width: 779px), (min-width: 1200px) { ul.has-2-columns { column-count: 2; }
  .technology .wp-block-table td { display: table-cell; }
  .technology .wp-block-table td:first-child { padding-bottom: .5em; }
  .technology .wp-block-table td:last-child { padding-top: .5em; text-align: right; } }

@media (max-width: 779px) { main .wp-block-column { margin-left: 0 !important; margin-right: 0 !important; flex-basis: 100% !important; }
  footer .hide-mobile, header .hide-mobile, main .hide-mobile { display: none !important; }
  main .wp-block-column.image-background, .editor-writing-flow .wp-block-column.image-background { padding-top: 3rem; padding-bottom: 3rem; }
  main .hide-mobile, main .show-desktop { display: none !important; }
  .careers .company-values ul { margin-bottom: 3rem; } }

@media (min-width: 780px) { footer .hide-desktop, header .hide-desktop, main .hide-desktop { display: none !important; }
  footer .wp-block-column:last-child, main .wp-block-column:last-child { margin-right: 0; }
  main .hide-desktop, main .show-mobile { display: none !important; }
  .business .timeline .wp-block-column { position: relative; }
  .business .timeline .wp-block-column:before, .business .timeline .wp-block-column:after { content: ""; position: absolute; z-index: 10; top: 55px; width: 80%; height: 0; border-bottom: 20px solid #fd4439; }
  .business .timeline .wp-block-column:before { right: 50%; margin-right: 50px; }
  .business .timeline .wp-block-column:after { left: 50%; margin-left: 50px; }
  .business .timeline .wp-block-column:first-child:before, .business .timeline .wp-block-column:last-child:after { display: none; }
  .technology main section:first-of-type .wp-block-image-stack { margin-top: -5%; }
  .technology .stacking-diagram + section { background: transparent; top: -3vw; margin-bottom: -3vw; padding-top: 0; }
  .technology .stacking-diagram + section > .has-2-columns { align-items: flex-end; } }

@media (min-width: 900px) { .business .timeline .wp-block-column:before, .business .timeline .wp-block-column:after { top: 65px; } }

@media (min-width: 1000px) { footer, header, main section { padding-left: 2.5rem; padding-right: 2.5rem; }
  .benefits main section:first-of-type { min-height: 60vw; }
  .benefits main section:first-of-type .wp-block-image-stack, .business main section:first-of-type .wp-block-image-stack, .technology main section:first-of-type .wp-block-image-stack { width: 80%; max-width: 1350px; margin-left: auto; margin-right: auto; }
  .technology main section:first-of-type .wp-block-image-stack { max-width: 1280px; } }

@media (max-width: 1199px) { main .slick-slider .slick-prev { transform: rotate(315deg) scale(0.8, 0.8); }
  main .slick-slider .slick-next { transform: rotate(135deg) scale(0.8, 0.8); } }

@media (min-width: 1200px) { html.desktop footer .transition, html.desktop header .transition, html.desktop main .transition { transition: all 1s .3s; }
  html.desktop footer .transition.delay, html.desktop header .transition.delay, html.desktop main .transition.delay { transition-delay: .8s; }
  html.desktop footer .transition.delay.more, html.desktop header .transition.delay.more, html.desktop main .transition.delay.more { transition-delay: 1.5s; }
  html.desktop footer .transition.enlarge, html.desktop header .transition.enlarge, html.desktop main .transition.enlarge { transform: scale(0.5, 0.5); }
  html.desktop footer .transition.enlarge.complete, html.desktop header .transition.enlarge.complete, html.desktop main .transition.enlarge.complete { transform: scale(1, 1); }
  html.desktop footer .transition.move-left, html.desktop header .transition.move-left, html.desktop main .transition.move-left { transform: translateX(100%); }
  html.desktop footer .transition.move-left.complete, html.desktop header .transition.move-left.complete, html.desktop main .transition.move-left.complete { transform: translateX(0); }
  html.desktop footer .transition.move-right, html.desktop header .transition.move-right, html.desktop main .transition.move-right { transform: translateX(-100%); }
  html.desktop footer .transition.move-right.complete, html.desktop header .transition.move-right.complete, html.desktop main .transition.move-right.complete { transform: translateX(0); }
  html.desktop footer .transition.move-up, html.desktop header .transition.move-up, html.desktop main .transition.move-up { transform: translateY(6rem); }
  html.desktop footer .transition.move-up.complete, html.desktop header .transition.move-up.complete, html.desktop main .transition.move-up.complete { transform: translateY(0); }
  html.desktop footer .transition.move-down, html.desktop header .transition.move-down, html.desktop main .transition.move-down { transform: translateY(-6rem); }
  html.desktop footer .transition.move-down.complete, html.desktop header .transition.move-down.complete, html.desktop main .transition.move-down.complete { transform: translateY(0); }
  html.desktop footer .transition.opacity, html.desktop header .transition.opacity, html.desktop main .transition.opacity { opacity: 0; }
  html.desktop footer .transition.opacity.complete, html.desktop header .transition.opacity.complete, html.desktop main .transition.opacity.complete { opacity: 1; }
  html.desktop footer .transition.reduce, html.desktop header .transition.reduce, html.desktop main .transition.reduce { transform: scale(1.5, 1.5); }
  html.desktop footer .transition.reduce.complete, html.desktop header .transition.reduce.complete, html.desktop main .transition.reduce.complete { transform: scale(1, 1); }
  header { height: 100px; padding-top: 22px; }
  header.scrolling { height: 80px; padding-top: 12px; }
  header.scrolling nav { top: 13px; }
  header a[href="#mobile-menu"] { display: none; }
  header nav { left: auto; right: 1.7rem; text-align: right; top: 23px; padding: 0; overflow: visible; transition: top .3s, height .3s; font-size: .8rem; }
  header nav a { padding: .3rem .8rem; }
  header nav > ul { margin: 0; float: right; }
  header nav > ul > li { position: relative; display: inline-block; padding: 0 0 10px; margin-bottom: 0; }
  header nav > ul > li:first-child { margin-top: 1rem; }
  header nav > ul > li:hover .sub-menu { top: 100%; }
  header nav > ul > li .sub-menu { position: absolute; z-index: -1; top: -400px; margin-top: -10px; left: 50%; transform: translate(-50%, 0); min-width: 12rem; max-width: 20rem; padding: .7rem .5rem 1rem; transition: top .3s; }
  header nav > ul > li .sub-menu a:hover { color: white; }
  header nav > ul > li .sub-menu li { line-height: 1.3; margin-bottom: .5rem; }
  main { padding-top: 100px; }
  main .slick-slider .slick-prev { left: 15px; }
  main .slick-slider .slick-next { right: 15px; } }

@media (min-width: 1300px) { footer, header, main section { padding-left: 4vw; padding-right: 4vw; }
  header nav { right: calc( 4vw - .8rem); } }

@media (min-width: 1400px) { html { font-size: 18px; }
  footer, header, main section { padding-left: 5vw; padding-right: 5vw; }
  header { height: 110px; }
  header.scrolling { height: 90px; }
  header.scrolling .logo { width: 152px; height: 35px; }
  header .logo { width: 183px; height: 42px; transition: all .3s; }
  header nav { top: 26px; right: calc( 5vw - .8rem); font-size: .7rem; }
  main { padding-top: 110px; }
  main .slick-slider .slick-prev { left: 2vw; }
  main .slick-slider .slick-next { right: 2vw; } }

@media (min-width: 1600px) { /*header { padding-top: 30px; &.scrolling { height: 80px; padding-top: 20px; nav { top: 18px; } } .logo-container { display: flex; align-items: flex-end; { margin-bottom: 0; margin-right: 1rem; } p { line-height: .8; } } nav { top: 35px; } }*/
  main section { padding-top: 4rem; padding-bottom: 4rem; } }

@media (min-width: 1600px) { html { font-size: 20px; }
  header { height: 130px; padding-top: 32px; }
  header .logo-container { font-size: .9rem; }
  header.scrolling nav { top: 7px; }
  header nav { top: 32px; } }

@media (min-width: 1900px) { html { font-size: 22px; }
  header { height: 140px; }
  header.scrolling nav { top: 2px; }
  header .logo { width: 228px; height: 53px; }
  header nav { top: 39px; } }
/*# sourceMappingURL=style.css.map */