/* === Matt's Styles === */

:root {
  /* = Fonts = */
  --FC-DevantHorgen: "DevantHorgen", Tahoma, sans-serif;
  --FC-DevantHorgenItalic: "DevantHorgenItalic", Tahoma, sans-serif;
  --FC-Outfit: "Outfit", Tahoma, sans-serif;
  /* = Font Sizes = */
  --FC-font-size-12: 12px;
  --FC-font-size-90: 90px;
  --FC-font-size-120: 120px;
  /* = Transitions = */
  --FC-default-transition: all 800ms ease-in;
  --FC-short-transition: all 255ms ease-in;
  --FC-standard-transition: all 155ms ease-in;
  /* = Utilities = */
  --FC-standard-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.35);
  --FC-slim-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 525px){
	:root{
		--FC-font-size-120: 90px;
	}
}

.white {
  color: var(--FC-white);
}

.black {
  color: var(--FC-black);
}

.green{
  color: var(--FC-green);
}

.highlightGreen {
  font-size: var(--FC-font-size-120);
  color: var(--FC-black);
  background-color: var(--FC-green);
  padding: 0px 10px;
}

.no-margin{
  margin: 0;
}
.no-padding{
  padding: 0 !important;
}

.no-padding-left{
  padding-left: 0 !important;
}
/* .no-padding-right{
  padding-right: 0 !important;
} */
.padding-top-96{
  padding-top: 96px !important;
}
@media screen and (max-width: 1199.98px){
	.no-padding-left{
		padding-left: 24px !important;
	}
}
@media screen and (max-width: 390.98px){
  .no-padding-left{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.font-size-90{
  font-size: var(--FC-font-size-90);
}
/* == Fonts and Font Sizes == */
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: var(--FC-DevantHorgen);
  text-transform: uppercase;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-family: var(--FC-DevantHorgenItalic);
  text-transform: uppercase;
}

p,
span,
a,
div,
li,
em,
button,
input {
  font-family: var(--FC-Outfit);
  font-size: var(--FC-font-size-18);
}

h1,
h1 em,
h1 span {
  font-size: var(--FC-font-size-60);
  line-height: 1.2;
}

h2,
h2 em,
h2 span {
  font-size: var(--FC-font-size-50);
  line-height: 1.2;
}

h3,
h3 em,
h3 span {
  font-size: var(--FC-font-size-46);
  line-height: 1.2;
}

h4,
h4 em,
h4 span {
  font-size: var(--FC-font-size-34);
  line-height: 1.2;
}

h5,
h5 em,
h5 span {
  font-size: var(--FC-font-size-28);
  line-height: 1.2;
}

h6,
h6 em,
h6 span {
  font-size: var(--FC-font-size-22);
  line-height: 1.2;
}

/* ========== Navigation Styles ========== */
.navbar{
  background-color: transparent !important;
  color: var(--FC-white);
}
.nav-item {
  padding-left: 20px;
  padding-right: 20px;
}
.navbar-footer {
  list-style: none;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 390.91px){
  .headerContainer{
    padding-left: 20px !important;
  }
}









/* === Footer === */
.site-footer {
  background-color: var(--white);
  padding-bottom: 100px;
  padding-top: 50px;
}

.site-footer p {
  color: var(--black);
}
.navbar-footer{
  padding-left: 0;
}
.footer__navRow {
  border-bottom: solid 2px var(--FC-green);
  padding-top: 25px;
}

.footer__locationsRow {
  max-width: 900px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
}

.footer__locations {
  text-align: left;
}

.footer_city p{
  font-size: var(--FC-font-size-18);
  font-weight: 400;
  text-transform: uppercase;
}
.footer_address p{
  font-size: var(--FC-font-size-14);
}
@media screen and (max-width: 767px){
  .city_adress_col{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}





/* ========== Home Page ========== */
.driving-growth-heading{
  font-size: var(--FC-font-size-90);
  color: var(--FC-white);
}

.driving-growth-row{
  align-items: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.driving-growth-button{
  padding-top: 30px;
  width: fit-content;
}
.driving-growth-button a{
  padding: 15px;
  width: 100%;
  background-color: var(--FC-green);
  font-size: var(--FC-font-size-18);
  text-transform: uppercase;
}
.mid-cta-container{
	overflow-x: hidden !important;
}
.reverse-cta-text-box{
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200.98px){
	.driving-growth-heading{
		text-align: center !important;
	}
	.driving-growth-heading span{
		text-align: center !important;
	}
}
@media screen and (max-width: 992.98px){
  .reverse-cta-text-box{
    padding-left: 30px;
  }
  .font-size-90{
    font-size: 60px;
  }
}

@media screen and (max-width: 767.98px){
	.driving-growth-heading{
		text-align: center !important;
	}
  .driving-growth-button{
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
  }
  .driving-growth-button a{
    text-align: center;
  }
  .font-size-90{
    text-align: center !important;
  }
  .reverse-cta-image-box img{
    width: 100% !important;
  }
  .reverse-cta-text-box{
    padding-left: 50px;
    padding-right: 50px;
    justify-content: center;
  }
  .text-align-center{
    text-align: center;
  }
  .footerLogo{
    width: 300px;
  }
}

@media screen and (max-width: 525.98px){
	
}
@media screen and (max-width: 390.98px){
  .footerLogo{
    width: 200px;
  }
  .driving-growth-area{
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .driving-growth-heading{
    font-size: 60px !important;
  }
  .driving-growth-heading span{
    font-size: 60px !important;
    padding: 5px !important;
    line-height: 1.5;
  }
}

/* === Services Page === */
.post-12 .ctaBarContainer{
  margin-top: 0;
}



/* === Contact Page === */
#gform_confirmation_message_1{
	color: #fff;
	font-size: 24px;
}
#gform_fields_1 {
  grid-row-gap: 48px;
}
#gform_1 #field_1_4,
#gform_1 #field_1_5,
#gform_1 #field_1_6 {
  grid-column: 1/7;
}
#gform_1 #field_1_4 .ginput_container {
  flex-direction: column;
  gap: 48px;
}
#gform_1 #field_1_4 .ginput_container > span {
  width: 100%;
  padding: 0;
}
#gform_1 #field_1_7 {
  grid-column: 7/-1;
}
#gform_1 input,
#gform_1 textarea,
#gform_1 select {
  background-color: var(--FC-black);
  border: none;
  border-bottom: solid 2px var(--FC-green);
  outline-color: var(--FC-green);
  color: var(--FC-white);
  min-height: 42px;
}
#gform_1 textarea {
  border-width: 2px;
  border-style: solid;
  border-color: var(--FC-green);
}
#gform_1 label {
  color: var(--FC-white);
  position: absolute;
  z-index: 100;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400 !important;
  margin: 0px;
  padding: 0;
  transform-origin: left center;
  transform: scale(1) translateY(8px) translateX(16px);
  transition: var(--FC-standard-transition);
}
#gform_1 .active label {
  transform: scale(0.5) translateY(-12px) translateX(16px);
}
#gform_1 .gfield--type-textarea label {
  position: relative;
  transform: none;
  margin-bottom: 16px;
  left: 16px;
}
#gform_1 .gform_footer .gform_button {
  padding: 16px 32px;
  background-color: var(--FC-green) !important;
  border: solid 2px var(--FC-green) !important;
  transition: var(--FC-standard-transition);
}
#gform_1 .gform_footer .gform_button:hover {
  background-color: var(--FC-black) !important;
}
#gform_1 .gform_footer .gform_button .button_text {
  color: #fff;
}
#gform_1 .gform_footer .gform_button .button_arrow {
  position: absolute;
  top: -2px;
  left: -2px;
  transform: rotate(-90deg);
}
#gform_1 .gform_footer .gform_button .button_arrow svg {
  animation: formArrowBounce 2s linear infinite;
}
#gform_1 .gform_footer .gform_button .button_arrow path {
  fill: #fff;
}

@media screen and (max-width: 991.91px){
  .contact-form-row{
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 650px) {
  #row-block_24682e9bf5f07466a779dba103c6e7dc {
    margin-top: 0px !important;
  }
  #gform_fields_1 {
    grid-row-gap: 16px;
  }
  #gform_1 #field_1_4,
  #gform_1 #field_1_5,
  #gform_1 #field_1_6 {
    grid-column: 1/-1;
  }
  #gform_1 #field_1_4 .ginput_container {
    flex-direction: column;
    gap: 16px;
  }
  #gform_1 #field_1_6 {
    grid-column: 1/-1;
  }
  #gform_1 #field_1_7{
    grid-column: 1/13;
  }
  #gform_1 .gfield--type-textarea label{
    left: 12px !important;
  }
}
@media screen and (max-width: 390.91px){
  #gform_1 #field_1_7{
    grid-column: 1/13;
  }
	.contact__formContainer{
		padding-top: 64px !important;
		padding-bottom: 64px !important;
	}
}
