/*
Contact Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
#navbar .bot-nav .site-logo path, #navbar .bot-nav .site-logo polygon {
  fill: #d5dde1 !important;
  -webkit-transition: fill 0.2s ease-out;
  -moz-transition: fill 0.2s ease-out;
  -ms-transition: fill 0.2s ease-out;
  -o-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out;
}

#navbar .bot-nav .site-logo:hover path, #navbar .bot-nav .site-logo:hover polygon {
  fill: #474c52 !important;
}

.content-block {
  position: relative;
}

.content-block:after {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 50%;
  background: url("/wp-content/uploads/2024/02/map-2024_Light.png") top right no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 900px) {
  .content-block:after {
    display: none;
  }
}

.content-block .content-col:last-child {
  padding-top: 240px;
}

@media screen and (max-width: 1200px) {
  .content-block .content-col:last-child {
    padding-top: 140px;
  }
}

@media screen and (max-width: 900px) {
  .content-block .content-col:last-child {
    padding-top: 20px;
  }
}

.locations {
  max-width: 700px;
  border-top: 1px solid #d4d4d4;
}

.locations .location {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid #d4d4d4;
  padding: 20px 0px;
}

@media screen and (max-width: 1200px) {
  .locations .location {
    flex-wrap: wrap;
  }
}

.locations .location .location-heading {
  width: 30%;
  color: #0caefe;
  font-size: 19px;
  font-weight: 400;
}

@media screen and (max-width: 1300px) {
  .locations .location .location-heading {
    font-size: 17px;
    width: 25%;
  }
}

@media screen and (max-width: 1200px) {
  .locations .location .location-heading {
    width: 100%;
  }
}

.locations .location .details {
  width: 50%;
  font-size: 15px;
}

@media screen and (max-width: 1600px) {
  .locations .location .details {
    width: 60%;
  }
}

@media screen and (max-width: 1200px) {
  .locations .location .details {
    width: 100%;
  }
}

.locations .location .details a {
  display: inline-block;
  padding: 0px 15px 3px 15px;
  background: url("/wp-content/themes/terrawest/images/shell/phone.svg") left center no-repeat;
  background-size: 10px;
  color: #474c52;
}

.locations .location .details a:hover {
  color: #0190d6;
}

.locations .location .details .email {
  background: url("/wp-content/themes/terrawest/images/shell/tent.svg") left center no-repeat;
  background-size: 10px;
}

.locations .location .map-link {
  width: 20%;
  text-align: right;
  font-weight: 400;
}

@media screen and (max-width: 1600px) {
  .locations .location .map-link {
    width: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .locations .location .map-link {
    width: 100%;
    text-align: left;
    padding-top: 7px;
    display: inline-block;
  }
}

.nf-form-title, .nf-form-fields-required {
  display: none;
}

#container .nf-form-layout {
  padding-top: 30px;
}

#container .nf-form-layout nf-field:nth-child(2), #container .nf-form-layout nf-field:nth-child(3) {
  width: 50%;
  float: left;
}

#container .nf-form-layout nf-field:nth-child(3) {
  padding-left: 10px;
}

#container .nf-form-layout .nf-field-container {
  margin-bottom: 10px;
}

#container .nf-form-layout .nf-field-container .nf-field-label {
  display: none;
}

#container .nf-form-layout .nf-field-container .ninja-forms-field {
  border: none;
  height: 47px;
  padding: 0px 20px;
  background: #f4f6f8;
}

#container .nf-form-layout .nf-field-container .ninja-forms-field:focus {
  outline: none;
  background: #e7ebf0;
}

#container .nf-form-layout .nf-field-container textarea.ninja-forms-field {
  height: 180px;
  padding: 10px 20px;
  line-height: 1.8;
}

#container .nf-form-layout .nf-field-container #nf-field-14-wrap .nf-field-element {
  line-height: 0px;
}

#container .nf-form-layout .nf-field-container #nf-field-16 {
  display: inline-block;
  color: white;
  font-weight: 400;
  padding: 20px 55px;
  height: auto;
  background: #0caefe;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin: 20px 0px 10px 0px;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

#container .nf-form-layout .nf-field-container #nf-field-16:hover {
  background-color: #0190d6;
}

@media screen and (max-width: 900px) {
  #container .nf-form-layout .nf-field-container #nf-field-16 {
    padding: 15px 35px;
  }
}