/*
===============================================
  Styles for contacts page and feedback form

  Feedback form styles
===============================================
*/
.contacts-block {
  background: #fff;
  border-radius: 5px;
  padding: 50px 40px;
}

.contacts-block .views-row {
  padding-bottom: 20px;
  margin: 0px;
}
.contacts-block .views-row .views-col {
  border: 1px solid #d6d6d6;
  box-shadow: 2px 0px 0px rgba(214, 214, 214, 0.3);
  border-radius: 5px;
  height: 350px;
  width: calc(33.333333333333% - 20px) !important;
  margin: 0px 10px;
}

.contacts-block .views-row .views-col .views-field{
  text-align: center;
  direction: ltr;
  display: inline-block;
  width: 100%;
  position: relative;
  font-size: 1rem; /* 16px */
}
.contacts-block .views-row .views-col .views-field.views-field-field-phone,
.contacts-block .views-row .views-col .views-field.views-field-field-mobile-phone,
.contacts-block .views-row .views-col .views-field.views-field-field-email {
  text-align: left;
  padding: 5px 0px 5px 1.25rem; /* 20px */
  font-style: italic;
  font-weight: bold;
}
.contacts-block .views-row .views-col .views-field.views-field-field-phone:before {
  content: "\f095";
}
.contacts-block .views-row .views-col .views-field.views-field-field-mobile-phone:before {
  content: "\f10a";
}
.contacts-block .views-row .views-col .views-field.views-field-field-email:before {
  content: "\f0e0";
}
.contacts-block .views-row .views-col .views-field.views-field-field-phone:before,
.contacts-block .views-row .views-col .views-field.views-field-field-mobile-phone:before,
.contacts-block .views-row .views-col .views-field.views-field-field-email:before {
  display: inline-block;
  float: left;
  padding-top: 2px;
  width: 25px;
  font: normal normal normal 1.125rem/1 FontAwesome; /*18px*/
}

.contacts-block .views-row .views-col .views-field.views-field-title {
  font-size: 1.25rem; /* 20px */
  padding-bottom: 20px;
  color: #13138f;
  font-weight: bold;
}




/* Feedback form styles */

.contact-message-feedback-form{
  width: 50%;
  margin: 0 auto;
}
.contact-message-feedback-form .form-select,
.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-textarea,
.contact-message-feedback-form .form-date{
  outline: none;
  border-radius: 5px;
}
.contact-message-feedback-form .form-date {
  width: 160px !important;
  height: 2em;
  line-height: 1em;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0px 10px;
}
.contact-message-feedback-form .form-actions .button {
  margin: 50px auto;
}
.contact-message-form .form-item label,
.contact-message-form h4 {
  font-size: 0.75rem !important; /*12px*/
  color: #13138f;
  padding-bottom: 5px;
  font-family: inherit;
  font-weight: bold;
}
.contact-message-form .form-item label:after {
  content: ":";
  line-height: 1;
  padding-left: 3px;
}

#edit-preview {
  display: none;
}


@media only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {
  .contacts-block .views-view-grid .views-row {
    width: 100%;
    margin: 0 auto;
  }
  .contacts-block .views-view-grid .views-row .views-col {
    width: 33.333333333333% !important;
    margin: 0px;
    height: 300px;
  }
}
@media only screen and (max-width: 639px), only screen and (max-device-width: 639px) {
  .views-field-field-image-icon img {
    width: 80px;
    height: 80px;
  }
  .contacts-block .views-view-grid .views-row .views-col {
    width: 100% !important;
    height: 250px;
    margin-bottom: 20px;
  }
  .contacts-block .views-row {
    padding: 0px;
  }
  .contacts-block .views-row .views-col .views-field {
    font-size: 12px;
  }
  .contacts-block .views-row .views-col .views-field.views-field-title {
    font-size: 16px;
  }
  .contacts-block .views-row .views-col .views-field.views-field-field-phone:before,
  .contacts-block .views-row .views-col .views-field.views-field-field-mobile-phone:before,
  .contacts-block .views-row .views-col .views-field.views-field-field-email:before {
    padding-top: 3px;
    font-size: 12px;
  }
  .contact-message-feedback-form {
    width: 100%;
  }
}