/*------------------------------------------------------------------
[CONTACT_INFO.CSS - Contact information shortcode styles]
[Table of contents]

1. Shared styles, layout
2. Iconic style
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	1. Shared styles, layout
-------------------------------------------------------------------*/
.contact-info-shortcode {
  margin-bottom: 18px;
}
.contact-info-shortcode svg {
  width: 70px;
  height: 70px;
}
.contact-info-shortcode svg path,
.contact-info-shortcode svg rect,
.contact-info-shortcode svg polygon {
  fill: #39b54a;
}
.contact-info-shortcode i.fa {
  font-size: 70px;
  color: #39b54a;
}
.contact-info-shortcode .line1 {
  font-size: 18px;
  line-height: 1.35em;
}
.contact-info-shortcode .line2 {
  font-size: 24px;
  line-height: 1.35em;
  color: #28282c;
  font-family: Roboto Slab;
  font-weight: bold;
}
/*------------------------------------------------------------------
	2. Iconic style
-------------------------------------------------------------------*/
.contact-info-shortcode.with-icon .inside {
  display: table;
}
.contact-info-shortcode.with-icon .icon-col,
.contact-info-shortcode.with-icon .text {
  display: table-cell;
  vertical-align: middle;
}
.contact-info-shortcode.with-icon .icon-col {
  width: 100px;
  padding-right: 30px;
}
@media screen and (max-width: 992px) {
  .contact-info-shortcode svg {
    width: 50px;
  }
  .contact-info-shortcode .line1 {
    font-size: 14px;
    line-height: 1.35em;
  }
  .contact-info-shortcode .line2 {
    font-size: 16px;
    line-height: 1.35em;
  }
  .contact-info-shortcode.with-icon .icon-col {
    width: 80px;
    padding-right: 30px;
  }
}