/*!
Theme Name: Summit General Contractors
Theme URI: https://summitgc.com/
Author: Summit General Contractors
Author URI: https://summitgc.com/
Description: Summit General Contractors Custom Theme
Version: 1.0.0

/* Summit General Contractors is based on Underscores https://underscores.me/ */
/* CSS Document */
/* --------------------------------- */
/* CSS Order */
/* Core Elements */
/* Resets and Loading Webfont */
/* Colors and Editor Colors */
/* Common Elements */
/* Content Add-ons */
/* Buttons */
/* Captcha */
/* Forms */
/* Content */
/* Post and CPT Navigation */
/* Footer */
/* --------------------------------- */
/*  Media Queries */
/*  Mobile */
/*  Desktop Landscape */
/*  Desktop */
/*  Desktop/Tablet (Portrait) */
/*  Desktop/Tablet Landscape */
/*  Desktop Greater than 1600px Wide */
/*  Desktop Greater than 1800px Wide */
/* --------------------------------- */
/* Resets and Loading Webfont */
/* --------------------------------- */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth; }

/* Reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-text-size-adjust: 100%;
  background-color: #363031;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  color: black;
  font-size: 16px; }

/* Site Fonts
Headings: font-family: "geller-headline", serif;
Body: font-family: "proxima-nova", sans-serif;
*/
/* --------------------------------- */
/* Colors */
/* --------------------------------- */
/* Classes for Colors */
.white {
  color: white; }

.blue {
  color: #8699ab; }

.navy {
  color: #34414e; }

.clover {
  color: #616652; }

.tea {
  color: #999b85; }

.gold {
  color: #c8b273; }

.mahogany {
  color: #824d46; }

.rye {
  color: #b7a990; }

.turtledove {
  color: #ded7c8; }

.espresso {
  color: #363031; }

.gray {
  color: #615f5f; }

/* Display Colors Set in Editor */
.has-white-color {
  color: white; }

.has-blue-color {
  color: #8699ab; }

.has-navy-color {
  color: #34414e; }

.has-clover-color {
  color: #616652; }

.has-tea-color {
  color: #999b85; }

.has-gold-color {
  color: #c8b273; }

.has-mahogany-color {
  color: #824d46; }

.has-rye-color {
  color: #b7a990; }

.has-turtledove-color {
  color: #ded7c8; }

.has-espresso-color {
  color: #363031; }

.has-gray-color {
  color: #615f5f; }

/* --------------------------------- */
/* Common Elements */
/* --------------------------------- */
a {
  color: #c8b273;
  text-decoration: none; }

a:visited {
  color: #c8b273;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

a:hover, a:visited:hover {
  color: white;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

article a {
  border-bottom: 1px solid rgba(255, 255, 255, 0); }

article a:hover, article a:visited:hover {
  border-bottom: 1px solid white; }

strong {
  font-weight: 700; }

/* --------------------------------- */
/* Content Add-ons */
/* --------------------------------- */
.lr-1 {
  padding: 0 1% 0 1%; }

.lr-2 {
  padding: 0 2% 0 2%; }

.lr-3 {
  padding: 0 3% 0 3%; }

.lr-4 {
  padding: 0 4% 0 4%; }

.lr-5 {
  padding: 0 5% 0 5%; }

.lr-6 {
  padding: 0 6% 0 6%; }

.lr-7 {
  padding: 0 7% 0 7%; }

.lr-8 {
  padding: 0 8% 0 8%; }

.lr-9 {
  padding: 0 9% 0 9%; }

.lr-10 {
  padding: 0 10% 0 10%; }

.tb-1 {
  padding: 1% 0 1% 0; }

.tb-2 {
  padding: 2% 0 2% 0; }

.tb-3 {
  padding: 3% 0 3% 0; }

.tb-4 {
  padding: 4% 0 4% 0; }

.tb-5 {
  padding: 5% 0 5% 0; }

.tb-6 {
  padding: 6% 0 6% 0; }

.tb-7 {
  padding: 7% 0 7% 0; }

.tb-8 {
  padding: 8% 0 8% 0; }

.tb-9 {
  padding: 9% 0 9% 0; }

.tb-10 {
  padding: 10% 0 10% 0; }

.pad-0 {
  padding: 0; }

.pad-1 {
  padding: 1%; }

.pad-2 {
  padding: 2%; }

.pad-3 {
  padding: 3%; }

.pad-4 {
  padding: 4%; }

.pad-5 {
  padding: 5%; }

.pad-6 {
  padding: 6%; }

.pad-7 {
  padding: 7%; }

.pad-8 {
  padding: 8%; }

.max-10 {
  max-width: 10%; }

.max-20 {
  max-width: 20%; }

.max-30 {
  max-width: 30%; }

.max-40 {
  max-width: 40%; }

.max-50 {
  max-width: 50%; }

.max-60 {
  max-width: 60%; }

.max-70 {
  max-width: 70%; }

.max-80 {
  max-width: 80%; }

.max-90 {
  max-width: 90%; }

.base-container {
  width: 92%;
  /* max-width: 1320px; */
  margin: 0 auto; }

.base-container.flex-start {
  align-items: flex-start; }

.flex-container {
  display: flex;
  justify-content: flex-start;
  column-gap: 20px; }

.flex-container.flex-start {
  align-items: flex-start; }

.flex-half {
  flex-basis: 50%; }

.flex-third {
  flex-basis: 33.333%; }

.flex-twothird {
  flex-basis: 66.666%; }

.flex-quarter {
  flex-basis: 25%; }

.flex-threequarter {
  flex-basis: 75%; }

/* --------------------------------- */
/* Buttons */
/* ---------------------------------  */
/* added to p tags of buttons */
.button-tea {
  margin-bottom: 40px;
  padding-top: 10px; }

.button-tea a, .button-tea a:visited {
  display: inline-block;
  font-family: "geller-headline", serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #363031;
  padding: 14px 18px;
  background-color: #c8b273;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  border: none;
  margin-right: 20px; }

.button-tea a::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: " \f0a9";
  padding: 0 0 0 4px;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.button-tea a:hover, .button-tea a:visited:hover {
  text-decoration: none;
  border: none;
  background-color: #999b85; }

/* Back Button (Used on Team Member Pages) */
.button-tea.back a::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: "";
  padding: 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.button-tea.back a::before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: "\f0a8 ";
  padding: 0 6px 0 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/* Directions Button (Used on Contact Page) */
.button-tea.directions a::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: "";
  padding: 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.button-tea.directions a::before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: "\f5eb ";
  padding: 0 6px 0 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/* Email Button (Used on Team Bio Pages) */
.button-tea.email a {
  text-transform: none !important;
  margin-right: 0; }

.button-tea.email a::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: "";
  padding: 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.button-tea.email a::before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: "\f0e0 ";
  padding: 0 6px 0 0;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/* External Links Button */
.button-tea.external a {
  text-transform: none !important;
  margin-bottom: 20px; }

.button-tea.external a::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: " \e0fc";
  padding: 0 0 0 4px;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/* added directly to button hrefs */
.has-buttons a {
  margin: 10px 20px 20px 0; }

a.button-tea, a.button-tea:visited {
  display: inline-block;
  font-family: "geller-headline", serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #363031;
  padding: 14px 18px;
  background-color: #c8b273;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  border: none; }

a.button-tea::after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 16px;
  content: " \f0a9";
  padding: 0 0 0 4px;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

a.button-tea:hover, a.button-tea:visited:hover {
  text-decoration: none;
  border: none;
  background-color: #999b85; }

/* --------------------------------- */
/* Forms */
/* --------------------------------- */
/* --------------------------------- */
/* Header / Masthead / Navigation */
/* --------------------------------- */
#Masthead {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 120px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: brightness(100%) blur(20px);
  backdrop-filter: brightness(100%) blur(20px);
  background-color: rgba(54, 48, 49, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0);
  text-align: center;
  display: flex;
  align-content: space-around; }

#Masthead.active {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14); }

/* Main Menu / Navigation */
.nav-container {
  width: 92%;
  padding: 0;
  margin: 0 auto;
  /* max-width: 1320px; */
  display: flex;
  justify-content: space-between; }

#Masthead .logo {
  width: 140px;
  align-self: center; }

#Masthead .logo img.static-logo {
  width: 140px;
  height: auto; }

#MainMenu {
  display: flex;
  flex-wrap: nowrap; }

#MainMenu .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

#MainMenu li {
  padding: 0 14px; }

#MainMenu li:last-of-type {
  padding: 0 0 0 14px; }

#MainMenu li a {
  font-family: "geller-headline", serif;
  font-size: 21px;
  line-height: 21px;
  font-weight: 400;
  color: #c8b273;
  border-bottom: 2px solid rgba(200, 178, 115, 0);
  text-decoration: none;
  padding: 0 0 4px 0;
  margin: 0;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

#MainMenu li a:hover {
  color: white; }

#MainMenu li.current_page_item a, #MainMenu li.current-page-ancestor a {
  color: white;
  border-bottom: 2px solid #c8b273; }

.menu-toggle {
  display: none;
  width: 100%; }

/* --------------------------------- */
/* Content */
/* --------------------------------- */
/* Standard Article Content */
article {
  font-size: 14px;
  line-height: 21px;
  color: white; }

article h1, article h2, article h3, article h4, article h5 {
  font-weight: 400; }

article h1 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 700; }

article h2 {
  display: inline-block;
  font-family: "geller-headline", serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
  padding-bottom: 6px;
  margin-bottom: 20px;
  border-bottom: 2px solid #c8b273; }

article h3 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 38px; }

article h4 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 34px; }

article h5 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px; }

article h6 {
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 24px; }

article p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px; }

article p strong, article li strong {
  font-weight: 700; }

article p.small {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 21px; }

article p.smaller {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 18px; }

article ul, article ol {
  margin: 0 0 40px 30px; }

article ul li, article ul li {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: disc; }

article ol li, article ol li {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: decimal; }

article em {
  font-style: italic; }

article hr {
  display: block;
  margin: 60px 0 60px 0;
  border: none;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2); }

.wp-block-separator {
  border: none; }

.smallnote {
  display: block;
  padding-top: 18px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.5); }

/* Specific Content */
/* Heading about statistic circles */
.stats-heading {
  max-width: 70%;
  margin: 60px auto; }

/* --------------------------------- */
/* Default Page Template  */
/* --------------------------------- */
#page {
  margin-top: 120px; }

.home #page {
  margin-top: 0px; }

/* --------------------------------- */
/* Home Page  */
/* --------------------------------- */
.home-hero-wrapper {
  position: relative;
  width: 100%;
  /* max-width: 1440px; */
  margin: 0 auto;
  aspect-ratio: 16 / 8;
  overflow: hidden; }

.animated-text-wrapper {
  position: absolute;
  z-index: 100;
  bottom: 14%;
  left: 4%;
  display: flex; }

.animated-text-static {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
  font-family: "geller-headline", serif;
  font-weight: 400;
  font-size: 72px;
  line-height: 84px;
  color: white;
  margin-right: 16px;
  opacity: 0; }

.animated-text-elements {
  position: relative; }

.animated-text-element {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
  font-family: "geller-headline", serif;
  font-weight: 700;
  font-size: 72px;
  line-height: 84px;
  color: white; }

.home-hero-wrapper video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: block; }

.home-intro {
  padding-top: 60px; }

.home-intro > div {
  align-self: center; }

.home-intro h1 {
  font-size: 21px;
  line-height: 32px;
  font-weight: 400;
  color: white;
  margin-bottom: 20px;
  width: 90%; }

.home-intro .button-tea {
  margin-bottom: 10px; }

.home-intro > div ul {
  width: 80%;
  margin: 0;
  list-style-type: none; }

.home-intro > div ul li {
  font-family: "geller-headline", serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 32px;
  list-style-type: none;
  color: #ded7c8;
  padding: 8px 0 24px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.home-intro > div ul li:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0); }

.what-we-do > div {
  align-self: center; }

.what-we-do h2 {
  margin-bottom: 0; }

.what-we-do h3 {
  font-size: 21px;
  line-height: 32px;
  font-weight: 400;
  color: white;
  margin-bottom: 0; }

.what-we-do .button-tea {
  padding: 0;
  margin: 0; }

/* --------------------------------- */
/* Page Billboards */
/* --------------------------------- */
/* Common */
.standard-intro {
  padding-top: 60px; }

.standard-intro > div {
  align-self: center; }

.standard-intro > div.align-top {
  align-self: flex-start; }

.standard-intro h1, .standard-intro h3 {
  font-size: 21px;
  line-height: 32px;
  font-weight: 400;
  color: white;
  margin-bottom: 20px;
  width: 80%; }

.standard-intro h2 {
  display: block;
  font-size: 30px;
  line-height: 36px;
  color: white;
  padding-bottom: 12px;
  margin-bottom: 36px;
  width: 80%; }

.standard-intro p {
  font-size: 18px;
  line-height: 28px;
  color: white;
  margin-bottom: 20px;
  width: 80%; }

.standard-intro .static-image {
  width: 90%;
  height: auto; }

.gold-border {
  border: 1px solid #c8b273; }

/* Team Bios */
.bio-intro {
  padding-top: 60px; }

.bio-intro > div {
  align-self: flex-start; }

.bio-intro h1 {
  display: block;
  font-family: "geller-headline", serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 42px;
  text-transform: none;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 2px solid #c8b273;
  width: 90%; }

.bio-intro h2 {
  display: inline-block;
  font-family: "geller-headline", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
  padding-bottom: 6px;
  margin-bottom: 20px;
  border-bottom: none;
  color: #ded7c8; }

.bio-intro p {
  font-size: 18px;
  line-height: 28px;
  color: white;
  margin-bottom: 20px;
  width: 90%; }

.bio-intro .team-portrait {
  width: 90%;
  height: auto;
  margin-bottom: 20px; }

/* If page doesn't have an intro panel, pad top of content. */
.base-container.no-intro {
  padding-top: 60px; }

/* --------------------------------- */
/* Billboard Image Rotations */
/* --------------------------------- */
.image-rotation-panels {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  overflow: hidden; }

.image-rotation-panel {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden; }

.image-rotation-panel img {
  width: calc(100% - 2px);
  height: auto;
  display: block;
  border: 1px solid #c8b273; }

/* --------------------------------- */
/* Common for all swipers */
/* --------------------------------- */
.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

/* --------------------------------- */
/* Partner Logo Scroller */
/* --------------------------------- */
.partner-logos {
  position: relative;
  margin: 20px 0 50px 0; }

.partner-logos .logo-swiper {
  overflow: hidden; }

.partner-logos .logo-swiper-button-prev {
  position: absolute;
  left: auto;
  right: 40px;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.partner-logos .logo-swiper-button-next {
  position: absolute;
  right: 0;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.partner-logos .logo-swiper-button-next:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f061";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.partner-logos .logo-swiper-button-prev:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f060";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.partner-logos .swiper-slide {
  align-content: center;
  align-self: center;
  height: auto; }

.partner-logos .swiper-slide:hover {
  cursor: grab; }

.partner-logos .swiper-slide div {
  padding: 42px;
  position: relative;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.partner-logos .swiper-slide div img {
  display: block;
  width: 80%;
  height: auto;
  margin: 0 auto; }

.partner-logos .swiper-slide div.larger img {
  width: 95%; }

.partner-logos .swiper-slide div.small img {
  width: 70%; }

.partner-logos .swiper-slide div.smaller img {
  width: 60%; }

.partner-logos .swiper-slide div.smallest img {
  width: 50%; }

/* --------------------------------- */
/* Employee Testimonials Slider */
/* --------------------------------- */
.employee-testimonials {
  position: relative;
  margin: 20px 0 50px 0; }

.employee-testimonials .employee-swiper {
  overflow: hidden; }

.employee-testimonials .employee-swiper-button-prev {
  position: absolute;
  left: auto;
  right: 40px;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.employee-testimonials .employee-swiper-button-next {
  position: absolute;
  right: 0;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.employee-testimonials .employee-swiper-button-next:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f061";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.employee-testimonials .employee-swiper-button-prev:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f060";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.employee-testimonials .swiper-slide {
  height: auto; }

.employee-testimonials .swiper-slide:hover {
  cursor: grab; }

.employee-testimonials .swiper-slide div {
  height: calc(100% - 30px);
  padding: 42px 42px 68px 42px;
  background-color: #ded7c8;
  opacity: 0.25;
  position: relative;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.employee-testimonials .swiper-slide-active div {
  opacity: 1; }

.employee-testimonials .swiper-slide p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 28px;
  color: #363031; }

.employee-testimonials .swiper-slide .employee {
  position: absolute;
  bottom: 104px;
  right: 42px; }

.employee-testimonials .swiper-slide p.employee-name {
  font-family: "geller-headline", serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
  color: #363031;
  text-align: right; }

.employee-testimonials .swiper-slide p.employee-title {
  font-family: "geller-headline", serif;
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 0;
  color: rgba(54, 48, 49, 0.75);
  text-align: right; }

/* --------------------------------- */
/* Partner Testimonials Slider */
/* --------------------------------- */
.partner-testimonials {
  position: relative;
  margin: 40px 0 50px 0; }

.partner-testimonials .partner-swiper {
  overflow: hidden; }

.partner-testimonials .partner-swiper-button-prev {
  position: absolute;
  left: auto;
  right: 40px;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.partner-testimonials .partner-swiper-button-next {
  position: absolute;
  right: 0;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.partner-testimonials .partner-swiper-button-next:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f061";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.partner-testimonials .partner-swiper-button-prev:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f060";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.partner-testimonials .swiper-slide {
  height: auto; }

.partner-testimonials .swiper-slide:hover {
  cursor: grab; }

.partner-testimonials .swiper-slide div {
  height: calc(100% - 84px);
  padding: 42px 42px 42px 42px;
  background-color: #ded7c8;
  opacity: 0.25;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.partner-testimonials .swiper-slide-active div {
  opacity: 1; }

.partner-testimonials .swiper-slide p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 28px;
  color: #363031;
  flex-basis: 100%; }

.partner-testimonials .swiper-slide .partner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  flex-basis: 100%; }

.partner-testimonials .swiper-slide .partner-info {
  flex-basis: 66.666%; }

.partner-testimonials .swiper-slide .partner-name {
  display: block;
  font-family: "geller-headline", serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
  color: #363031; }

.partner-testimonials .swiper-slide .partner-title {
  display: block;
  font-family: "geller-headline", serif;
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 0;
  color: rgba(54, 48, 49, 0.75); }

.partner-testimonials .swiper-slide .partner-brand {
  flex-basis: 33.333%;
  text-align: right; }

.partner-testimonials .swiper-slide .partner-brand img {
  width: 90%;
  height: auto;
  max-width: 220px;
  vertical-align: bottom; }

.partner-testimonials .swiper-slide .partner-brand.small img {
  max-width: 180px; }

.partner-testimonials .swiper-slide .partner-brand.smaller img {
  max-width: 120px; }

.partner-testimonials .swiper-slide .partner-brand.smallest img {
  max-width: 80px; }

/* --------------------------------- */
/* Services Slider */
/* --------------------------------- */
.service-cards {
  position: relative;
  margin: 50px 0 100px 0; }

.service-cards .card-swiper {
  overflow: hidden; }

.service-cards .card-swiper-button-prev {
  position: absolute;
  left: auto;
  right: 40px;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.service-cards .card-swiper-button-next {
  position: absolute;
  right: 0;
  top: calc(100% + 28px);
  z-index: 100;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999b85; }

.service-cards .card-swiper-button-next:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f061";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.service-cards .card-swiper-button-prev:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 6 Pro";
  font-size: 28px;
  font-weight: 700;
  content: "\f060";
  text-transform: none !important;
  letter-spacing: 0;
  line-height: 1; }

.service-cards .swiper-slide {
  height: auto; }

.service-cards .swiper-slide div {
  height: calc(100% - 30px);
  padding: 28px;
  background-color: #ded7c8;
  /* background-color: rgba($turtledove,.1); */
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.service-cards .swiper-slide div:hover {
  background-color: rgba(222, 215, 200, 0.2);
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.service-cards .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  border: none; }

.service-cards .swiper-slide a h4 {
  font-family: "geller-headline", serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #363031;
  /* color: rgba($gold,1); */
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

.service-cards .swiper-slide a h4.title-only {
  margin-bottom: 40px; }

.service-cards .swiper-slide a p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 68px;
  color: #363031;
  /* color: rgba($turtledove,1); */ }

.service-cards .swiper-slide a i {
  position: absolute;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 21px;
  right: 28px;
  bottom: 28px;
  color: #363031;
  /* color: rgba($gold,1); */
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

.service-cards .swiper-slide a:hover {
  border: none;
  cursor: pointer; }

.service-cards .swiper-slide:hover p {
  border: none;
  color: white;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

.service-cards .swiper-slide:hover h4, .service-cards .swiper-slide:hover i {
  border: none;
  color: #c8b273;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out; }

/* --------------------------------- */
/* Project Filtering */
/* --------------------------------- */
.sf-field-post-meta-project_type {
  margin-left: 0 !important; }

.sf-field-post-meta-project_type h4 {
  width: 100px;
  font-family: "geller-headline", serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #999b85;
  padding-top: 12px;
  margin-right: 10px; }

.sf-field-post-meta-project_type ul {
  display: flex;
  flex-wrap: wrap; }

article .sf-field-post-meta-project_type ul {
  margin-left: 0; }

.searchandfilter {
  margin-bottom: 20px; }

.searchandfilter ul li {
  display: flex; }

.searchandfilter .sf-field-post-meta-project_type ul li input[type=radio] {
  visibility: hidden;
  display: none; }

.searchandfilter .sf-field-post-meta-project_type li label {
  display: block;
  margin: 0 20px 0 0;
  padding: 14px 18px;
  font-family: "geller-headline", serif;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #c8b273;
  border-bottom: 1px solid rgba(200, 178, 115, 0); }

.searchandfilter .sf-field-post-meta-project_type li label:hover {
  cursor: pointer; }

.searchandfilter .sf-field-post-meta-project_type li.sf-option-active label {
  color: white;
  border-bottom: 1px solid #c8b273; }

/* Main Team Page (Listing Grid) */
.project-results {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 20px; }

.results-project {
  flex-basis: calc(33.333% - 23px);
  position: relative;
  aspect-ratio: 4 / 3;
  border: 1px solid #c8b273;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.results-project:hover {
  border: 1px solid white;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.results-project--thumb {
  position: absolute;
  z-index: 400;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1); }

.results-project--thumb img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: grayscale(100%);
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.results-project:hover .results-project--thumb img {
  filter: grayscale(0%);
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.results-project--logo {
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(54, 48, 49, 0.9);
  opacity: 1;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.results-project:hover .results-project--logo {
  opacity: 0; }

.results-project--logo img {
  position: absolute;
  width: 50%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.results-project--logo.small img {
  max-width: 40%; }

.results-project--logo.smaller img {
  max-width: 30%; }

.results-project--logo.smallest img {
  max-width: 20%; }

.project-results .no-results {
  display: none; }

/* --------------------------------- */
/* Contact Page */
/* --------------------------------- */
.connect-links {
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2); }

.connect-links .button-tea.external {
  margin-bottom: 20px; }

/* --------------------------------- */
/* Footer */
/* --------------------------------- */
.privacy-policy h4 {
  padding-top: 20px;
  margin-bottom: 20px; }

/* --------------------------------- */
/* Footer */
/* --------------------------------- */
footer {
  width: 92%;
  padding: 60px 0;
  /* max-width: 1320px; */
  margin: 0 auto;
  color: white; }

.footer-container {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0; }

/* Left Column */
.footer-left {
  flex-basis: 25%; }

.footer-left--logo {
  margin-bottom: 20px; }

.footer-left--logo img {
  width: 140px;
  height: auto; }

.footer-left--address {
  font-size: 14px;
  line-height: 21px;
  margin: 0 10% 40px 0;
  color: #ded7c8; }

.footer-left--address a, .footer-left--address a:visited {
  color: #ded7c8;
  margin-right: 30px;
  padding-bottom: 2px; }

.footer-left--address a:hover, .footer-left--address a:visited:hover {
  color: #c8b273; }

/* Menu Column */
.footer-menus {
  flex-basis: 50%;
  display: flex; }

.footer-menus .menu {
  flex-basis: 40%; }

.footer-menus .menu li {
  margin-bottom: 10px; }

.footer-menus .menu li a, .footer-menus .menu li a:visited {
  font-family: "geller-headline", serif;
  font-size: 18px;
  font-weight: 400;
  color: #c8b273; }

.footer-menus .menu li a:hover, .footer-menus .menu li a:visited:hover {
  color: white; }

/* Social Column */
.footer-social {
  flex-basis: 25%; }

.footer-social p {
  color: white;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 20px; }

.social-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px; }

.instagram a, .facebook a, .linkedin a, .xtwitter a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #999b85;
  color: #363031;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none; }

.instagram a:hover, .facebook a:hover, .linkedin a:hover, .xtwitter a:hover {
  background-color: #c8b273;
  color: #363031; }

.instagram i, .facebook i, .linkedin i, .xtwitter i {
  font-size: 21px; }

.footer-links {
  flex-basis: 100%;
  padding-top: 4px; }

/* Copyright */
.copyright {
  flex-basis: 100%;
  display: flex; }

.copyright-text {
  font-size: 14px;
  line-height: 18px;
  margin-right: 10px;
  color: #ded7c8; }

#menu-copyright-links {
  display: flex; }

#menu-copyright-links li {
  margin: 0 0 0 10px;
  padding: 0; }

#menu-copyright-links a, #menu-copyright-links a:visited {
  font-size: 14px;
  line-height: 18px;
  color: #c8b273; }

#menu-copyright-links a:hover, #menu-copyright-links a:visited:hover {
  color: white; }

/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Mobile */
@media screen and (max-width: 769px) {
  /* Shifts scrolltop to accomodate fixed menus. */
  html {
    scroll-padding-top: 100px; }

  #page {
    margin-top: 80px; }

  .flex-container {
    flex-wrap: wrap !important; }

  .flex-container .flex-half {
    flex-basis: 100%; }

  /* --------------------------------- */
  /* Header / Masthead / Navigation */
  /* --------------------------------- */
  #Masthead {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: brightness(100%) blur(20px);
    backdrop-filter: brightness(100%) blur(20px);
    background-color: rgba(54, 48, 49, 0.4);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0);
    text-align: center;
    display: flex;
    align-content: space-around; }

  #Masthead.active {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14); }

  #Masthead .logo {
    flex-basis: 110px;
    align-self: center;
    padding: 0;
    position: relative;
    z-index: 6000; }

  #Masthead .logo img.static-logo {
    width: 100px;
    height: auto; }

  #MainMenu {
    justify-content: flex-end;
    position: relative;
    left: 0;
    -moz-transition: left 0.2s ease-in-out 0s;
    -webkit-transition: left 0.2s ease-in-out 0s;
    -o-transition: left 0.2s ease-in-out 0s;
    transition: left 0.2s ease-in-out 0s; }

  #MainMenu.open {
    -moz-transition: left 0.3s ease-in-out 0s;
    -webkit-transition: left 0.3s ease-in-out 0s;
    -o-transition: left 0.3s ease-in-out 0s;
    transition: left 0.3s ease-in-out 0s; }

  .menu-toggle {
    position: relative;
    z-index: 9000;
    width: 30px;
    height: 25px;
    display: flex;
    align-self: center;
    justify-self: flex-end;
    margin: 18px 10px 15px 10px;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }

  .menu-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: white;
    color: white;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }

  .menu-toggle span:nth-child(1) {
    top: 0px; }

  .menu-toggle span:nth-child(2) {
    top: 9px; }

  .menu-toggle span:nth-child(3) {
    top: 18px; }

  .menu-toggle.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }

  .menu-toggle.open span:nth-child(2) {
    opacity: 0;
    left: 10px; }

  .menu-toggle.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }

  #PrimaryMenu {
    position: fixed;
    top: 0px;
    left: -100%;
    opacity: 0;
    z-index: 900;
    width: 100%;
    height: 100vh;
    background-color: #363031;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 160px 20px 120px 20px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

  #PrimaryMenu.open {
    left: 0;
    opacity: 1; }

  #PrimaryMenu li {
    font-size: 21px;
    flex-basis: 100%;
    max-width: none;
    border-right: none;
    margin: 14px 0;
    padding: 10px 20px 10px 50px;
    text-align: left; }

  #PrimaryMenu li:last-of-type {
    padding: 10px 20px 10px 50px; }

  #PrimaryMenu li a, #PrimaryMenu li:hover a {
    color: #c8b273;
    text-decoration: none;
    padding: 0 0 0 0;
    font-weight: 400; }

  #PrimaryMenu li.current_page_item a {
    color: white; }

  #PrimaryMenu li.current_page_item::after {
    position: absolute;
    left: 18px;
    top: 12px;
    color: #c8b273; }

  /* --------------------------------- */
  /* General / Global  */
  /* --------------------------------- */
  article hr {
    margin: 60px 0 30px 0; }

  /* --------------------------------- */
  /* Home Page  */
  /* --------------------------------- */
  .home-hero-wrapper {
    position: relative;
    width: 100%;
    height: 90vh;
    margin: 0 auto; }

  .video-wrapper {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }

  .animated-text-wrapper {
    position: absolute;
    z-index: 100;
    bottom: 14%;
    left: 4%;
    display: flex;
    flex-wrap: wrap; }

  .animated-text-static {
    flex-basis: 100%;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
    font-family: "geller-headline", serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    color: white;
    margin-right: 16px;
    opacity: 0; }

  .animated-text-elements {
    flex-basis: 100%;
    position: relative; }

  .animated-text-element {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
    font-family: "geller-headline", serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 44px;
    color: white; }

  .home-hero-wrapper video {
    margin-left: 50vw;
    transform: translate(-50%);
    z-index: 1;
    width: auto;
    height: 100%; }

  .home-intro h1 {
    width: 100%;
    line-height: 28px; }

  /* --------------------------------- */
  /* Common Swiper Items */
  /* --------------------------------- */
  .partner-logos .swiper-slide div {
    padding: 0; }

  .service-cards .card-swiper-button-prev, .employee-testimonials .employee-swiper-button-prev, .partner-testimonials .partner-swiper-button-prev, .partner-logos .logo-swiper-button-prev {
    right: 60px; }

  .service-cards .card-swiper-button-next, .employee-testimonials .employee-swiper-button-next, .partner-testimonials .partner-swiper-button-next, .partner-logos .logo-swiper-button-next {
    right: 20px; }

  /* --------------------------------- */
  /* Page Billboards */
  /* --------------------------------- */
  .standard-intro {
    padding-top: 20px;
    flex-wrap: wrap-reverse !important; }

  .standard-intro h1, .standard-intro h3 {
    width: 100%;
    font-size: 21px;
    line-height: 28px; }

  .standard-intro h2 {
    width: 90%;
    font-size: 28px;
    line-height: 32px; }

  .standard-intro p {
    width: 100%; }

  /* --------------------------------- */
  /* Default Template Pages */
  /* --------------------------------- */
  h6.max-80 {
    max-width: 100%; }

  .stats-heading {
    max-width: 100%; }

  /* --------------------------------- */
  /* Who We Are */
  /* --------------------------------- */
  .employee-testimonials .swiper-slide div {
    padding: 6%; }

  .employee-testimonials .swiper-slide p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 28px; }

  .employee-testimonials .swiper-slide .employee {
    position: relative;
    bottom: 0;
    right: 0; }

  .employee-testimonials .swiper-slide p.employee-name, .employee-testimonials .swiper-slide p.employee-title {
    text-align: left; }

  /* --------------------------------- */
  /* Team Page(s) */
  /* --------------------------------- */
  .bio-intro {
    padding-top: 20px;
    flex-wrap: wrap-reverse !important; }

  .bio-intro .team-portrait {
    width: 100%;
    margin-bottom: 6px; }

  .bio-intro h1 {
    width: 100%; }

  .bio-intro p.email {
    width: 100%; }

  .bio-intro p.email {
    margin-bottom: 6px; }

  /* --------------------------------- */
  /* What We Do Page */
  /* --------------------------------- */
  .partner-testimonials .swiper-slide div {
    padding: 6%;
    height: calc(100% - 12%); }

  .partner-testimonials .swiper-slide p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 28px; }

  .partner-testimonials .swiper-slide .partner {
    position: relative;
    bottom: 0;
    right: 0;
    flex-wrap: wrap; }

  .partner-testimonials .swiper-slide .partner-info {
    flex-basis: 90%; }

  .partner-testimonials .swiper-slide .partner-name {
    text-align: left;
    font-size: 18px;
    line-height: 21px; }

  .partner-testimonials .swiper-slide .partner-title {
    text-align: left;
    font-size: 16px;
    line-height: 21px; }

  .partner-testimonials .swiper-slide .partner-brand {
    flex-basis: 90%;
    text-align: left;
    padding-top: 10px; }

  .partner-testimonials .swiper-slide .partner-brand img {
    width: 90%;
    height: auto;
    max-width: 140px;
    vertical-align: bottom; }

  .partner-testimonials .swiper-slide .partner-brand.small img {
    max-width: 100px; }

  .partner-testimonials .swiper-slide .partner-brand.smaller img {
    max-width: 80px; }

  .partner-testimonials .swiper-slide .partner-brand.smallest img {
    max-width: 40px; }

  /* --------------------------------- */
  /* Our Work */
  /* --------------------------------- */
  .searchandfilter ul {
    margin: 0; }

  .searchandfilter ul li {
    display: block; }

  .sf-field-post-meta-project_type h4 {
    display: block;
    width: 100%; }

  .sf-field-post-meta-project_type ul {
    width: 100%;
    overflow-x: scroll;
    flex-wrap: nowrap; }

  .sf-field-post-meta-project_type ul::-webkit-scrollbar {
    display: none; }

  .sf-field-post-meta-project_type ul {
    -ms-overflow-style: none;
    scrollbar-width: none; }

  .searchandfilter .sf-field-post-meta-project_type li label {
    margin: 0 4px;
    padding: 14px 12px;
    white-space: nowrap; }

  .project-results {
    gap: 20px; }

  .results-project {
    flex-basis: calc(90% - 20px);
    margin: 0 auto; }

  /* --------------------------------- */
  /* Footer */
  /* --------------------------------- */
  .footer-left {
    flex-basis: 100%; }

  .footer-left p {
    line-height: 24px;
    margin: 0 0 20px 0; }

  .footer-menus {
    flex-basis: 100%; }

  .footer-social {
    flex-basis: 100%;
    margin: 40px 0; }

  .footer-social p {
    color: rgba(255, 255, 255, 0.75); }

  .social-icons {
    gap: 20px;
    justify-content: flex-start;
    align-items: center; }

  .copyright {
    flex-wrap: wrap; }

  .copyright-text, #menu-copyright-links {
    flex-basis: 100%; }

  .copyright-text {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px; }

  #menu-copyright-links li {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 18px; } }
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Desktop Landscape */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Desktop */
@media screen and (min-width: 769px) {
  /* Shifts scrolltop to accomodate fixed menus. */
  html {
    scroll-padding-top: 180px; } }
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Minor Adjustments for smaller desktop screens */
@media screen and (min-width: 800px) and (max-width: 1300px) {
  .connect-links {
    flex-wrap: wrap !important; }

  .connect-links-contractors, .connect-links-team {
    flex-basis: 100% !important; } }
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Larger than Phone up to 1020px Wide Desktop */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Desktop / Tablet Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #MainMenu li a {
    font-size: 16px; }

  .standard-intro > div {
    align-self: flex-start; }

  .statistics-container .stat {
    flex-basis: 30%; }

  /* services panels */
  .title-overlay h4, .service-content h4 {
    font-size: 21px;
    line-height: 28px; }

  .service-content h4 {
    margin-bottom: 21px; }

  .service-content p {
    font-size: 14px;
    line-height: 21px; }

  /* project tabs */
  .searchandfilter .sf-field-post-meta-project_type li label {
    margin: 0 14px 0 0;
    padding: 14px 14px; } }
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Mobile: Tablet Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .statistics-container .stat {
    flex-basis: 26%; }

  .instagram a, .facebook a, .linkedin a, .xtwitter a {
    width: 40px;
    height: 40px; } }
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Greater than 1600px Wide Desktop */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* --------------- */
/* Greater than 1800px Wide Desktop */
@media screen and (min-width: 1800px) {
  /* Buttons */
  .button-tea a, .button-tea a:visited {
    font-size: 24px;
    line-height: 24px;
    padding: 24px 32px; }

  .button-tea a::after, .button-tea.directions a::before, .button-tea.external a::after, .button-tea.back a::before, .button-tea.email a::before {
    font-size: 21px; }

  .button-tea a::after, .button-tea.external a::after {
    padding: 0 0 0 12px; }

  .button-tea.directions a::before, .button-tea.back a::before, .button-tea.email a::before {
    padding: 0 12px 0 0; }

  /* Article Content */
  article h2 {
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 40px; }

  article h6 {
    font-size: 26px;
    line-height: 36px; }

  article p, article ul li, article ol li {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 28px; }

  article hr {
    margin: 120px 0; }

  /* Top Banner / Navigation */
  #Masthead .logo img.static-logo {
    width: 160px; }

  #MainMenu li {
    padding: 0 28px; }

  #MainMenu li a {
    font-size: 28px;
    line-height: 28px; }

  /* Home Page Intro */
  .home-intro {
    padding-top: 120px; }

  .home-intro h1 {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 40px; }

  .home-intro > div ul li {
    font-size: 28px;
    line-height: 42px; }

  /* Home Page What We Do */
  .what-we-do h3 {
    font-size: 28px;
    line-height: 48px; }

  /* Service Cards */
  .service-cards {
    margin: 80px 0 100px 0; }

  .service-cards .swiper-slide div {
    padding: 10%; }

  .service-cards .swiper-slide a h4 {
    font-size: 32px;
    line-height: 36px; }

  .service-cards .swiper-slide a p {
    font-size: 21px;
    line-height: 28px; }

  .service-cards .swiper-slide a i {
    font-size: 28px; }

  	/* Partner Scroll
  	
  		.partner-logo-scroll {
  			padding: 80px 0;
  		}
  
  			.logos-slide li {
  				width: 160px;
  				margin: 0 80px;
  			}
  	 */
  /* Standard Intro Panel */
  .standard-intro h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 40px; }

  .standard-intro h1, .standard-intro h3 {
    font-size: 28px;
    line-height: 42px; }

  .standard-intro p {
    font-size: 21px;
    line-height: 32px; }

  /* Statistics */
  .statistics-container .statistic-pre-data {
    font-size: 21px;
    line-height: 28px; }

  .statistics-container .statistic-data {
    font-size: 94px;
    min-height: 60px;
    padding: 28px 0; }

  .statistics-container .statistic-post-data {
    font-size: 21px;
    line-height: 28px; }

  /* Employee Testimonials */
  .employee-testimonials .swiper-slide div {
    padding: 62px 62px 120px 62px; }

  .employee-testimonials .swiper-slide p {
    font-size: 21px;
    line-height: 32px; }

  .employee-testimonials .swiper-slide .employee {
    bottom: 200px;
    right: 70px; }

  /* Team Bio Pages */
  .bio-intro h1 {
    font-size: 48px;
    line-height: 56px; }

  .bio-intro h2 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 40px; }

  .bio-intro p {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 40px; }

  /* Partner Testimonials */
  .partner-testimonials .swiper-slide div {
    height: calc(100% - 32%);
    padding: 8%; }

  .partner-testimonials .swiper-slide div p {
    font-size: 21px;
    line-height: 32px; }

  .partner-testimonials .swiper-slide .partner-name {
    font-size: 24px;
    line-height: 36px; }

  .partner-testimonials .swiper-slide .partner-title {
    font-size: 21px;
    line-height: 24px; }

  .partner-testimonials .swiper-slide .partner-brand img {
    max-width: 200px; }

  /* Work Filters */
  .sf-field-post-meta-project_type h4 {
    width: 120px;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px; }

  .searchandfilter .sf-field-post-meta-project_type li label {
    padding: 16px 21px 0 21px;
    font-size: 24px;
    line-height: 24px; }

  /* Privacy Policy */
  .privacy-policy h4 {
    font-size: 32px;
    line-height: 42px; }

  /* Footer */
  .footer-container {
    padding: 120px 0 60px 0; }

  .footer-left--logo img {
    width: 200px; }

  .footer-left--address {
    font-size: 18px;
    line-height: 24px; }

  .footer-menus .menu li a, .footer-menus .menu li a:visited {
    font-size: 24px;
    line-height: 36px; }

  .instagram a, .facebook a, .linkedin a, .xtwitter a {
    width: 60px;
    height: 60px; }

  .instagram i, .facebook i, .linkedin i, .xtwitter i {
    font-size: 28px; }

  .copyright-text, #menu-copyright-links a, #menu-copyright-links a:visited {
    font-size: 16px; } }