@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .info-item {
  background: #f4f4f4;
  padding: 30px;
  height: 100%;
  outline: 2px double var(--color-primary);
  outline-offset: -10px;
}

.contact .info-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  font-size: 24px;
  line-height: 0;
  color: #fff;
  background: var(--color-primary);
  border-radius: 50%;
  margin-right: 15px;
}

.contact .info-item h3 {
  font-size: 18px;
  color: #555;
  font-weight: 700;
  margin: 0 0 5px 0;
}

.contact .info-item p {
  padding: 0;
  margin: 0;
  line-height: 24px;
  font-size: 16px;
}

.contact .info-item .social-links a {
  font-size: 24px;
  display: inline-block;
  color: rgba(55, 55, 63, 0.7);
  line-height: 1;
  margin: 4px 6px 0 0;
  transition: 0.3s;
}

.contact .info-item .social-links a:hover {
  color: var(--color-primary);
}

.contact .directions {
	background: #f4f4f4;
	padding: 2em 2em 1em 2em;
	margin: 0;
    outline: 2px double var(--color-primary);
    outline-offset: -10px;
}

.contact .directions h6 {
    color: #555;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
}

.contact .directions p {
	font-size: 16px;
}


}