/*
Theme Name: King Maxwell
Theme URI: https://www.kingmaxwell.com
Author: Tōdem Brands
Author URI: https://www.todembrands.com
Description: Custom WordPress theme for King Maxwell, Commercial Real Estate Law.
Version: 1.0
*/

/*Fonts*/
@font-face{ font-family: "TT Commons"; src: url("_/fonts/TTCommons-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{ font-family: "TT Commons"; src: url("_/fonts/TTCommons-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{ font-family: "TT Commons"; src: url("_/fonts/TTCommons-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}
@font-face{ font-family: "Monstice"; src: url("_/fonts/Monstice-Base.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{ font-family: "Monstice Inline"; src: url("_/fonts/Monstice-Inline.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}
@font-face{ font-family: "Junethes"; src: url("_/fonts/Junethes.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}

/*Palette*/
/* navy #013B4E | forest #263D1F | cream #E1E0D9 | light blue #B2CCCE | coral #E2714B | olive #737D4A */

*,*::before,*::after{box-sizing:border-box;}html{overflow-y:scroll;font-size:100%;}body{margin:0;padding:0;line-height:1.5;}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}article,aside,figure,footer,header,main,nav,section{display:block;}ul{list-style:none;}ol{margin-left:1.5em;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:none;}a{font-size:100%;background:transparent;margin:0;padding:0;vertical-align:baseline;}a:hover,a:active{outline:0;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}img,video,svg{max-width:100%;height:auto;display:block;}td,td img{vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}th{vertical-align:bottom;font-weight:700;}td{font-weight:400;}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}pre{white-space:pre-wrap;word-wrap:break-word;}code,kbd,pre,samp{font-family:monospace,sans-serif;}small{font-size:85%;}strong{font-weight:700;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}input,button,select,textarea{margin:0;font:inherit;-webkit-appearance:none;appearance:none;}input,select{vertical-align:middle;}button,input[type="button"],input[type="submit"]{cursor:pointer;width:auto;overflow:visible;}label{cursor:pointer;}textarea{overflow:auto;vertical-align:top;}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0;}.alignright,img.alignright{float:right;margin:15px 0 15px 15px;}.aligncenter,img.aligncenter{display:block;margin:15px auto;}

body{ background-color: #E1E0D9;}
body, select, input, textarea{ font-family: "TT Commons", Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 1.45; color: #013B4E;}
.page-wrap{ overflow-x: hidden;}

a{ color: #E2714B; text-decoration: none;}
a:hover, a:focus{ color: #013B4E;}
.button, button{ display: inline-block; cursor: pointer; font-family: "TT Commons", Helvetica, Arial, sans-serif; font-weight: 700; font-size: .8125rem; letter-spacing: .18em; text-transform: uppercase; color: #E1E0D9; background-color: #263D1F; border: 0; padding: 12px 30px 10px;}
.button:hover, .button:focus, button:hover, button:focus{ color: #E1E0D9; background-color: #013B4E;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
:focus{ outline: 2px solid #E2714B; outline-offset: 2px;}
:focus:not(:focus-visible){ outline: none;}
:focus-visible{ outline: 2px solid #E2714B; outline-offset: 2px;}
a, img, .button, button{ transition: all .3s ease 0s;}

h1, h2, h3, h4, h5, h6{ font-family: "Monstice", Georgia, "Times New Roman", serif; font-weight: 400; line-height: 1.2;}
h1, h2{ font-size: 1.875rem; color: #263D1F; letter-spacing: .05em; text-transform: uppercase;}
h3{ font-family: "TT Commons", Helvetica, Arial, sans-serif; font-size: 1.0625rem; font-weight: 700; line-height: 1.588; letter-spacing: .02em; text-transform: uppercase;}
h4{ font-size: 1rem;}
h5{}
h6{}
p{ margin-top: 1em;}
p:first-child{ margin-top: 0;}

.wrapper, .container{ width: 90%; max-width: 1100px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

.header{}
.header .container{ align-items: center; justify-content: space-between;}

.nav{}
nav ul{ list-style: none; position: relative; float: left; margin: 0; padding: 0;}
nav ul a{ display: block; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.nav-toggle{ display: none; flex-direction: column; justify-content: space-between; width: 28px; height: 20px; background: none; border: none; padding: 0; cursor: pointer;}
.nav-toggle span{ display: block; width: 100%; height: 2px; background: currentColor; transition: transform .3s ease, opacity .3s ease;}
.nav-toggle.is-open span:nth-child(1){ transform: translateY(9px) rotate(45deg);}
.nav-toggle.is-open span:nth-child(2){ opacity: 0;}
.nav-toggle.is-open span:nth-child(3){ transform: translateY(-9px) rotate(-45deg);}

.mobile-overlay{ display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 998; opacity: 0; pointer-events: none; transition: opacity .3s ease;}
.mobile-overlay.is-visible{ opacity: 1; pointer-events: auto;}
.mobile-nav{ position: fixed; top: 0; right: -320px; width: 300px; max-width: 85vw; height: 100%; background-color: #013B4E; z-index: 999; padding: 20px; overflow-y: auto; transition: right .3s ease; box-shadow: -2px 0 10px rgba(0,0,0,.15);}
.mobile-nav.is-open{ right: 0;}
.mobile-nav-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.mobile-nav-header .logo{ max-width: 140px; height: auto;}
.mobile-nav nav ul{ float: none;}
.mobile-nav nav ul li{ float: none;}
.mobile-nav nav ul ul{ position: static; display: block; width: auto;}
.mobile-nav nav ul a{ padding: 10px 0; border-bottom: 1px solid rgba(178,204,206,.25); font-size: 1.3125rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #B2CCCE;}
.mobile-nav .search-form{ margin-top: 20px;}
.nav-close{ background: none; border: none; font-size: 2rem; line-height: 1; padding: 0; cursor: pointer; color: #B2CCCE;}
.nav-toggle:hover, .nav-toggle:focus{ background: none;}
.nav-close:hover, .nav-close:focus{ background: none; color: inherit;}
body.nav-open{ overflow: hidden;}

.content{}
.content p:first-child{ margin-top: 0;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.content img{ max-width: 100%; height: auto;}

.navigation{ padding: 0; text-align: center;}
.navigation ul{ list-style: none; margin: 0; padding: 0;}
.navigation li{ display: inline-block;}
.navigation li a, .navigation li span{ display: inline-block; padding: 6px 12px; text-decoration: none; color: #fff; background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li span.current{ background-color: #333;}
.navigation li span.dots{ background: none; color: #666;}

.load-more-wrap{ text-align: center; margin-top: 30px;}
.load-more-btn{ padding: 12px 30px; cursor: pointer;}
.load-more-btn:disabled{ opacity: 0.6; cursor: default;}

.search-results .wrapper, .error404 .wrapper{ padding: 60px 0;}
.search-results .page-title, .error404 .page-title{ margin-bottom: 30px;}
.search-results article{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee;}
.search-results article:first-child{ border-top: 0; padding-top: 0; margin-top: 0;}
.search-results .entry{ margin-top: 10px;}
.search-form{ display: flex; gap: 8px; margin-top: 20px;}
.search-input{ flex: 1; padding: 10px 14px; border: 1px solid #ccc; border-radius: 3px; font-size: 1rem;}
.search-submit{ padding: 10px 20px; cursor: pointer;}

.footer{}
.footer .container{ flex-direction: column;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.error404 .content{ padding: 60px 0 100px; text-align: center;}


/*Plaid Pattern*/
.hero-plaid, .footer-plaid{ background-color: #013B4E; background-image: url("images/plaid-primary.jpg"); background-size: 1000px 1000px; background-repeat: repeat;}
.plaid-parallax{ background-color: #013B4E; background-image: url("images/plaid-secondary.jpg"); background-size: 470px 470px; background-repeat: repeat;}

/*Header*/
.header{ position: relative; z-index: 10; display: flex; width: 100%; padding: 55px 90px 36px; background-color: transparent;}
.header > a{ position: relative; z-index: 1; margin-left: auto;}
.header .logo{ width: 125px;}
.nav{ position: absolute; top: 94px; left: 50%; transform: translateX(-50%);}
.nav ul{ float: none; display: flex; gap: 87px;}
.nav ul li{ float: none;}
.nav ul li:last-child a{ margin-right: -.2em;}
.nav ul a{ font-size: 1.3125rem; font-weight: 500; line-height: 1; letter-spacing: .2em; text-transform: uppercase; color: #B2CCCE;}
.nav ul a:hover, .nav ul a:focus{ color: #898335;}
.nav-toggle{ color: #B2CCCE;}
body:not(.home) .page-wrap > .header{ background-color: #013B4E;}
body:not(.home) .header::before{ content: ""; position: absolute; top: 0; left: 0; width: 205px; height: 100%; background-color: #013B4E; background-image: url("images/plaid-primary.jpg"); background-size: 1000px 1000px; background-position: -99px 0;}
.home .header{ position: absolute; top: 0; left: 0;}
.anchor{ display: block; position: relative; top: -90px; visibility: hidden;}

/*Hero*/
.hero{ position: relative; display: flex; align-items: center; justify-content: center; height: 800px; background-color: #013B4E; background-size: cover; background-position: center;}
.hero-plaid{ position: absolute; top: 0; left: 0; width: 15%; max-width: 205px; height: 100%; background-position: -99px 0; z-index: 1;}
.hero .container{ position: relative; z-index: 2; display: block;}
.hero-logo{ width: 525px; max-width: 100%; margin: 0 auto;}
.hero .tagline{ position: absolute; top: 140px; right: -90px; width: 320px; font-family: "Junethes", cursive; font-size: 3.625rem; line-height: .95; color: #E2714B; text-align: left; transform: rotate(-6deg);}

/*Intro*/
.intro{ position: relative; padding: 50px 0 70px; text-align: center;}
.intro::before{ content: ""; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 420px; height: 343px; background: url("images/dog.png") no-repeat center/contain;}
.intro .container{ position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 343px; max-width: 700px;}
.intro h2{ margin-bottom: 26px;}

/*Plaid Parallax*/
.plaid-parallax{ height: 325px;}

/*Services*/
.services{ position: relative; margin-top: -146px; padding-bottom: 40px;}
.services .container{ position: relative; display: block;}
.service-content{ position: relative; background-color: #B2CCCE; padding: 105px 3.4% 78px;}
.services h2{ text-align: center; margin-bottom: 60px;}
.service-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 0;}
.single-service{ padding: 0 40px;}
.single-service + .single-service{ border-left: 1px solid #898335;}
.single-service h3{ color: #013B4E; margin-bottom: 18px;}
.single-service ul{ list-style: none; margin: 0;}
.single-service li{ position: relative; padding-left: 18px; margin-bottom: 12px; font-size: 1.25rem; line-height: 1.2; letter-spacing: .05em; color: #013B4E;}
.single-service li::before{ content: "\00b7"; position: absolute; left: 2px; top: -.1em; font-size: 1.4em; line-height: 1;}
.services .container::after{ content: ""; position: absolute; left: 41px; bottom: -107px; width: 176px; height: 176px; background: url("images/badge.png") no-repeat center/contain; animation: badge-spin 26s linear infinite;}
@keyframes badge-spin{ to{ transform: rotate(360deg);}}

/*About*/
.about{ padding: 90px 0 0;}
.about .container{ display: block;}
.about-intro{ text-align: center; max-width: 780px; margin: 0 auto;}
.about-intro h2{ margin-bottom: 26px;}

/*Team*/
.about-team{ display: grid; grid-template-columns: repeat(3,1fr); margin: 70px 0 90px;}
.team-member{ text-align: center; padding: 12px 30px;}
.team-member + .team-member{ border-left: 1px solid #898335;}
.team-member h3{ font-size: 1.5rem; line-height: 1.25; letter-spacing: .05em; color: #263D1F;}
.team-title{ font-size: 1.0625rem; line-height: 1.588; letter-spacing: .1em; text-transform: uppercase; color: #263D20; margin-top: 0;}
.team-email{ display: block; font-size: 1rem; line-height: 1.25; letter-spacing: .05em; color: #273D20; margin-top: 4px;}
.team-email::before{ content: ""; display: block; width: 25px; height: 16px; margin: 0 auto 6px; background-color: #B3B36D; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 16'%3E%3Cpath d='M0.9 0L24.1 0 12.5 10.3z M0 0.9L0 15.1 7.9 8.5z M25 0.9L25 15.1 17.1 8.5z M0.9 16L24.1 16 17.3 9.2 12.5 11.9 7.7 9.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 16'%3E%3Cpath d='M0.9 0L24.1 0 12.5 10.3z M0 0.9L0 15.1 7.9 8.5z M25 0.9L25 15.1 17.1 8.5z M0.9 16L24.1 16 17.3 9.2 12.5 11.9 7.7 9.2z'/%3E%3C/svg%3E") no-repeat center/contain;}
.team-email:hover, .team-email:focus{ color: #E2714B;}
.team-trigger{ background: none; padding: 0; margin-top: 30px; color: #E2714B; font-size: .875rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;}
.team-trigger::after{ content: " \2192";}
.team-trigger:hover, .team-trigger:focus{ background: none; color: #013B4E;}

/*Team Bio Lightbox*/
.team-bio, .form-lightbox{ position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 5vw; background-color: rgba(1,59,78,.75);}
.team-bio[hidden], .form-lightbox[hidden]{ display: none;}
.team-bio{ display: flex;}
.team-bio-inner{ display: flex; width: 100%; max-width: 1276px; max-height: 90vh;}
.team-bio-intro{ flex: 0 0 39.7%; background-color: #013B4E; padding: 70px 40px; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.team-bio-intro h3{ font-size: 2.5rem; line-height: 1.2; letter-spacing: .1em; color: #B2CCCE;}
.team-bio-intro .team-title{ font-size: 1.75rem; line-height: 1.571; letter-spacing: .15em; color: #B2CCCE; margin-top: 2px;}
.team-bio-intro .team-email{ color: #B2CCCE; margin-top: 80px;}
.team-bio-intro .team-email::before{ background-color: #B2CCCE;}
.team-bio-content{ position: relative; flex: 1 1 auto; background-color: #B2CCCE; padding: 62px 60px; overflow-y: auto; color: #013B4E;}
.team-bio-content .content{ letter-spacing: .05em;}
.team-bio-close, .form-lightbox-close{ position: absolute; top: 18px; right: 24px; background: none; padding: 0; font-size: 1.75rem; font-weight: 700; line-height: 1; color: #E2714B;}
.team-bio-close:hover, .team-bio-close:focus, .form-lightbox-close:hover, .form-lightbox-close:focus{ background: none; color: #013B4E;}
.team-education, .team-outside{ margin-top: 34px;}
.team-education h4, .team-outside h4{ font-family: "TT Commons", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.125; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 8px;}
.team-education ul{ list-style: none; margin: 0;}
.team-education li{ font-size: 1rem; line-height: 1.125; letter-spacing: .05em;}
.team-education li + li{ margin-top: 5px;}
.team-outside p{ font-size: 1rem; line-height: 1.125; letter-spacing: .05em; margin-top: 0;}

/*Who We Are / Who We Aren't*/
.about-content{ position: relative;}
.who-we-are, .who-we-arent{ padding: 68px 12% 74px;}
.who-we-are{ background-color: #013B4E; color: #B2CCCE; padding-top: 96px;}
.who-we-arent{ background-color: #B2CCCE; color: #013B4E; padding-top: 223px; padding-bottom: 104px;}
.who-we-are h3, .who-we-arent h3{ font-size: 1.4375rem; line-height: 1.174; letter-spacing: .1em; text-align: center; margin-bottom: 32px;}
.who-we-are h3{ color: #B2CCCE;}
.who-we-arent h3{ color: #013B4E;}
.who-we-are .content ul, .who-we-arent .content ul{ list-style: none; margin: 0;}
.who-we-are .content li, .who-we-arent .content li{ position: relative; padding-left: 17px; margin-bottom: 16px;}
.who-we-are .content li::before, .who-we-arent .content li::before{ content: ""; position: absolute; left: 0; top: 11.5px; width: 5px; height: 5px; border-radius: 50%; background-color: currentColor;}

/*Scrolling Text*/
.marquee{ position: relative; z-index: 2; width: 100vw; margin-top: 24px; margin-bottom: -150px; margin-left: calc(50% - 50vw); overflow: hidden;}
.marquee-track{ display: flex; width: max-content; animation: marquee 42s linear infinite;}
.marquee-track img{ max-width: none; height: 126px; width: auto; margin: 0 150px;}
@keyframes marquee{ to{ transform: translateX(-50%);}}

/*CTA*/
.cta{ padding: 120px 0 130px; text-align: center;}
.cta .container{ display: block;}
.cta .content{ letter-spacing: .05em; margin-top: 30px;}
.cta .button{ margin-top: 50px;}

/*Contact Page*/
.contact{ padding: 68px 0 130px; text-align: center;}
.contact .container{ display: block;}
.contact h1{ margin-bottom: 60px;}
.contact .gform_wrapper{ text-align: left;}

/*Contact Form Lightbox*/
.form-lightbox-inner{ position: relative; width: 100%; max-width: 760px; max-height: 90vh; overflow-y: auto; background-color: #E1E0D9; padding: 64px 6% 56px;}

/*Footer*/
.footer{ position: relative; background-color: #013B4E; color: #B2CCCE; letter-spacing: .05em; padding: 90px 0 0;}
.footer .container{ flex-direction: row; align-items: center; justify-content: space-between; gap: 40px;}
.footer a{ color: #B2CCCE;}
.footer a:hover, .footer a:focus{ color: #E2714B;}
.footer-address, .footer-contact{ flex: 1 1 0;}
.footer-contact{ text-align: right;}
.footer-contact p{ margin-top: 0;}
.footer-logo{ flex: 0 0 auto; width: 275px;}
.footer .credit{ text-align: center; font-size: .625rem; color: rgba(178,204,206,.7); margin: 56px 0 0;}
.footer .credit a{ color: rgba(178,204,206,.7);}
.footer-plaid{ height: 210px; margin-top: 44px;}

/*Gravity Forms*/
body .gform_wrapper.gform_wrapper{ --gf-form-gap-x: 5.6%; --gf-form-gap-y: 34px;}
body .gform_wrapper.gform_wrapper .gform_fields{ display: grid; grid-template-columns: repeat(12,1fr); column-gap: 5.6%; row-gap: 34px;}
body .gform_wrapper.gform_wrapper .gfield{ grid-column: 1 / -1; min-width: 0; margin-bottom: 0; padding: 0;}
body .gform_wrapper.gform_wrapper .gfield.gfield--width-half{ grid-column: span 6;}
body .gform_wrapper.gform_wrapper .gfield.gfield--width-third{ grid-column: span 4;}
body .gform_wrapper.gform_wrapper .gfield.gfield--width-two-thirds{ grid-column: span 8;}
body .gform_wrapper.gform_wrapper .gfield.gfield--width-quarter{ grid-column: span 3;}
body .gform_wrapper.gform_wrapper .gfield.gfield--width-full{ grid-column: 1 / -1;}
body .gform_wrapper.gform_wrapper .gfield_label{ display: block; font-family: "TT Commons", Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 1.45; font-weight: 400; color: #263D1F; margin: 0;}
body .gform_wrapper.gform_wrapper .gfield_label.gform-field-label--hidden, body .gform_wrapper.gform_wrapper .hidden_label > .gfield_label, body .gform_wrapper.gform_wrapper .screen-reader-text{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
body .gform_wrapper.gform_wrapper .gfield_required{ color: #263D1F; text-decoration: none;}
body .gform_wrapper.gform_wrapper input[type="text"], body .gform_wrapper.gform_wrapper input[type="email"], body .gform_wrapper.gform_wrapper input[type="tel"], body .gform_wrapper.gform_wrapper textarea{ width: 100%; background: none; border: 0; border-bottom: 1px solid #B3B36D; border-radius: 0; box-shadow: none; padding: 6px 0; font-family: "TT Commons", Helvetica, Arial, sans-serif; font-size: 1.25rem; line-height: 1.45; color: #263D1F;}
body .gform_wrapper.gform_wrapper input[type="text"]:focus, body .gform_wrapper.gform_wrapper input[type="email"]:focus, body .gform_wrapper.gform_wrapper input[type="tel"]:focus, body .gform_wrapper.gform_wrapper textarea:focus{ border-bottom-color: #263D1F; outline: 0;}
body .gform_wrapper.gform_wrapper textarea{ min-height: 150px; resize: vertical;}
body .gform_wrapper.gform_wrapper input::placeholder, body .gform_wrapper.gform_wrapper textarea::placeholder{ font-size: 1.25rem; color: #263D1F; opacity: 1;}
body .gform_wrapper.gform_wrapper .ginput_complex{ display: grid; grid-template-columns: repeat(2,1fr); column-gap: 5.6%; row-gap: 34px;}
body .gform_wrapper.gform_wrapper .ginput_complex > span{ padding: 0;}
body .gform_wrapper.gform_wrapper .ginput_complex label{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
body .gform_wrapper.gform_wrapper .gform_footer{ margin-top: 60px; padding: 0;}
body .gform_wrapper.gform_wrapper .gform_footer input[type="submit"]{ font-family: "TT Commons", Helvetica, Arial, sans-serif; font-weight: 700; font-size: .8125rem; letter-spacing: .18em; text-transform: uppercase; color: #E1E0D9; background-color: #263D1F; border: 0; border-radius: 0; padding: 12px 30px 10px; cursor: pointer;}
body .gform_wrapper.gform_wrapper .gform_footer input[type="submit"]:hover, body .gform_wrapper.gform_wrapper .gform_footer input[type="submit"]:focus{ background-color: #013B4E;}

/*Media Queries*/
@media (max-width: 1150px) {
	.nav{ display: none;}
	.mobile-overlay{ display: block;}
	.header{ align-items: center; justify-content: center; gap: 24px; padding: 30px 5%;}
	.header > a{ margin: 0;}
	.header .logo{ width: 105px;}
	.nav-toggle{ display: flex; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); margin-left: 0; flex: 0 0 auto;}
}

@media (max-width: 900px) {
	.header{ padding: 20px 5%;}
	.header .logo{ width: 100px;}
	body:not(.home) .header::before{ width: 90px;}
	.hero-logo{ width: 300px;}
	.hero{ height: auto; min-height: 560px; padding: 120px 0 130px; background-position: left center;}
	.hero .container{ position: static;}
	.hero .tagline{ top: auto; right: 5%; bottom: 44px; width: 200px; margin: 0; font-size: 2.5rem;}
	.hero-plaid{ width: 60px;}
	.service-grid, .about-team{ grid-template-columns: 1fr;}
	.single-service + .single-service, .team-member + .team-member{ border-left: 0; border-top: 1px solid #898335; margin-top: 34px; padding-top: 34px;}
	.service-content{ padding: 64px 8% 56px;}
	.services .container::after{ left: 0; bottom: -60px; width: 110px; height: 110px;}
	.who-we-are, .who-we-arent{ padding: 52px 8% 56px;}
	.team-bio{ padding: 0;}
	.team-bio-inner{ flex-direction: column; max-height: 100vh;}
	.team-bio-intro{ flex: 0 0 auto; padding: 46px 30px;}
	.team-bio-intro .team-email{ margin-top: 40px;}
	.team-bio-content{ padding: 46px 8%;}
	.footer .container{ flex-direction: column; text-align: center;}
	.footer-contact{ text-align: center;}
	body .gform_wrapper.gform_wrapper .gform_fields{ grid-template-columns: 1fr; column-gap: 0;}
	body .gform_wrapper.gform_wrapper .gfield, body .gform_wrapper.gform_wrapper .gfield.gfield--width-half, body .gform_wrapper.gform_wrapper .gfield.gfield--width-third, body .gform_wrapper.gform_wrapper .gfield.gfield--width-two-thirds, body .gform_wrapper.gform_wrapper .gfield.gfield--width-quarter{ grid-column: 1 / -1;}
	body .gform_wrapper.gform_wrapper .ginput_complex{ grid-template-columns: 1fr; column-gap: 0;}
	.marquee{ margin-top: 11px; margin-bottom: -67px;}
	.marquee-track img{ height: 56px; margin: 0 16px;}
	.who-we-arent{ padding-top: 100px;}
}

@media (max-width: 480px) {
	.hero-logo{ width: 250px;}
}

@media (prefers-reduced-motion: reduce) {
	.marquee-track, .services .container::after{ animation: none;}
}

@media print {
	.header, .footer, .nav, .search-form, .hero-plaid, .plaid-parallax, .marquee{ display: none;}
	body{ font-size: 12pt; color: #000;}
	a{ color: #000; text-decoration: underline;}
	a[href]::after{ content: " (" attr(href) ")";}
}