/* contact.scss
 *
 * By Jonathon  McDonald <jonathon@agencyfusion.com>
 */
.container.location_page {
  max-width: 600px;
}

#map-midvale {
  margin-top:40px;
}

.section.content .row h3.phone a {
  color:#333;
  font-size:68px;
  font-weight:lighter;
  margin:50px 0;
  text-decoration: none
}

.section.content.email {
  background:#F0F0F0
}

.section.content.email textarea,.section.content.email .core-button {
  min-height:140px
}

.section.content.email .core-button {
  font-family:"Open Sans",sans-serif;
  min-height:134px;
  text-transform:none;
  width:100%
}

.section.content.visit a {
  color:inherit;
  text-decoration: none;
}

.section.content.visit a:hover {
  color:inherit;
  text-decoration: none;
}

.section.content.visit h3 {
  color:#000;
  font-size:32px;
  font-weight:lighter;
  margin:0
}

.section.content.visit h3.line1 {
  margin-top:75px
}

.section.content.visit h3.line2 {
  margin-bottom:75px
}

.contact_column {
  float:left;
  width:46%;
  margin:2%;
}

.section.content .row .contact_column p:first-of-type, .section.content .row .single_location p:first-of-type {
  margin-bottom: 0;
}

.section.content .row.contact_column img {
  max-width: 90%;
}

.u-center {
  display: block;
  margin: 0 auto;
}

.flash {
  border-radius: 5px;
  clear: both;
  display: block;
  margin-bottom: 15px;
  padding: 20px 15px;
}

.flash.success {
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}

.flash.success a, .flash.success a:hover {
  color: #3c763d;
  text-decoration: underline;
}

.flash.error {
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
}

.flash.error a, .flash.error a:hover {
  color: #a94442;
  text-decoration: underline;
}

.flash.info {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}

.flash.info a, .flash.info a:hover {
  color: #31708f;
  text-decoration: underline;
}

@media (max-width: 1270px) {
  .contact_column {
    float:none;
    margin: 0 auto;
    max-width: 720px;
    width:100%;
  }

  .contact_column:first-of-type {
    margin-bottom:50px;
  }

  #map-midvale {
    margin-top:0;
  }
}

@media (max-width: 720px) {
  .section.content .row h3.phone a {
    font-size: 44px;
    margin: 25px 0;
  }

  .section.content.visit h3 {
    font-size: 22px;
  }

  .section.content.visit h3.line1 {
    margin-top: 35px;
  }

  .section.content.visit h3.line2 {
    margin-bottom: 35px;
  }
}